设置input 属性hidden对该input进行隐藏
借助label for标签通过id绑定input ,这样在点击label时实际就是点击了input
<ul>
<li @click="getSelectActive(i,item.id)" v-for="(item,i) in selectList" :key="i">
<p>
<i>{{item.id}}</i>
<i>{{item.info}}</i>
</p>
<input type="radio" :id="item.id" hidden name="select" :checked='item.ischecked'>
<label :for="item.id" class="active"></label>
</li>
</ul>
更改样式
.active{
position: relative;
@include setStyle(.3rem,.3rem);
background: url('../../assets/detail/12.png') no-repeat;
background-size: cover;
position: absolute;
right: .1rem;
top: .6rem;
}
input:checked + .active {
background: url('../../assets/detail/11.png') no-repeat;
background-size: cover;
}