vue中 radio 的诡异现象

最新推荐文章于 2024-11-11 09:15:00 发布

原创最新推荐文章于 2024-11-11 09:15:00 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #radio

vue 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在Vue.js中使用两层v-for时遇到的单选按钮无法正常工作的问题及其解决方案。通过给内部的v-for添加:name属性绑定，可以确保每个单选组的唯一性。

两层v-for 时 radio 无法在第一个v-for中选定

<div v-for="(item,index) in tools.property.shit">
         <label style="line-height: 36px;" v-if="item.inputType=='单项选择'" v-for="x in item.items" > 
            <input type="radio"

                  :value = "x.id"  v-model="item.checkedID" >{{x.content}} 
        </label>
</div>