vue 如何在for循环中checkbox互斥，单选效果

• Z时代
• 2024-02-07
• 分类：IT

            <div v-for="(item,index) in radiolist" :key="index">
              <div>
                <input type="checkbox" label="1" v-model="item" />1
              </div>
              <div>
                <input
                  type="checkbox"
                  label="0"
                  v-model="item"
                />0
              </div>
radiolist = [1,1,1,1,1,1]

回答：

可以试试用@change 修改造成互斥的效果

回答：

1. 单选多选应该借助 html 原生的 checkbox 和 radio 来实现。
2. vue 是 mvvm 框架，此类框架的核心是数据与视图的绑定，对于开发者而言，必须扭转思路，把自己处理视图的习惯，改为只关注数据。数据对了，视图就对了。
3. 楼上说的 @change 也是错的，错在思路。

以上是 vue 如何在for循环中checkbox互斥，单选效果 的全部内容， 来源链接： utcz.com/p/937458.html