<li v-for='(val,itemid) in item.value' :key='itemid'>
<input type="radio" :name='item.name' :id="item.name+itemid">
<label :for="item.name+itemid" > <p>{{val}}</p> </label>
</li>
input[type='radio']{
float: left;
width: 14px;
height: 14px;
margin-right: 5px;
margin-top: 7px;
display: none;
}
label{
position: relative;
float: left;
width: 78px;
height: 28px;
line-height: 28px;
&::before{
display: block;
float: left;
content: "";
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid rgb(219, 219, 219);
margin-right: 5px;
margin-top: 7px;
}
}
将input[type=radios ] display:none;
然后利用 ：after 和：before 重新写一个样式即可。
注意 & 符
