vue使用v-for循环,动态修改element-ui的el-switch

Posted zbk123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue使用v-for循环,动态修改element-ui的el-switch相关的知识,希望对你有一定的参考价值。

在使用element-ui的el-switch中,因为要用v-for循环,一直没有成功,后来仔细查看文档,发现可以这样写

<el-switch v-for="(item, key) in list" v-model="item.is" :key="key"  :active-value="1" :inactive-value="0" active-text="确定" inactive-text="取消技术分享图片"></el-switch>

技术分享图片

 

任务要求选中为1,并且数据格式也是0、1,所以这里我是这样写

以上是关于vue使用v-for循环,动态修改element-ui的el-switch的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue.js 中过滤数组和循环 V-for

vue中使用v-for 循环标签动态改变标签ID

vuejs中的v-for怎样动态增加循环数据

对 v-for 生成的动态项目进行 Element-UI 验证

Vue.js 在 v-for 循环中访问嵌套对象

Vue方向:v-for循环中的key属性