vue⾃定义单选样式radio
<label : for="gender1">
<input v-model="gender" value="1" id="gender1" type="radio">
<i class='iconfont icon-iconfont14'></i>
htmlradio传输数据
男
</label>
<label : for="gender2">
<input v-model="gender" value="2" id="gender2" type="radio">
<i class='iconfont icon-iconfont13'></i>
⼥
</label>
实现原理
1. label标签的for值为对应的input标签的id——点击label标签时，便出发了radio的选中事件
2. input的display为none——隐藏默认的单选样式
3. :style 根据选中的值动态绑定选中的样式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。