ios下点击 label input type="checkbox" 不好使 完美解决
程序员文章站
2022-05-26 19:10:26
...
你不努力,拿什么向抛弃你的人证明当初她有多瞎?
<ul v-if="list.length != 0">
<li v-for="(item, i) in list" :key="i">
<input type="checkbox" class="checkStyle" value="item.userId" :id="i" v-model="item.ischeck"/>
<label @click="labelItemBtn(item, i)" :for="i"></label>
<p>{{ item.nick }}</p>
</li>
</ul>
代码是这样写的.在浏览器中好使
安卓手机也好使,但是在ios手机下就是不行
解决方案:
经个人百般尝试和查阅资料,最终了解到,该问题产生的原因并不是因为动态生成checkbox结点或者label结点,而是ios对label 的兼容性造成的。
只需要改造代码就可以了
问题得以完美解决
在最后附上我的QQ: 2489757828 有问题的话可以找我一同探讨
我的私人博客: 李大玄