欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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下点击 label input type="checkbox" 不好使 完美解决
安卓手机也好使,但是在ios手机下就是不行
解决方案:
经个人百般尝试和查阅资料,最终了解到,该问题产生的原因并不是因为动态生成checkbox结点或者label结点,而是ios对label 的兼容性造成的。
只需要改造代码就可以了
ios下点击 label input type="checkbox" 不好使 完美解决
问题得以完美解决
在最后附上我的QQ: 2489757828 有问题的话可以找我一同探讨

我的私人博客: 李大玄