微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

elementui滑块开启和关闭状态动态绑定

<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="100" inactive-value="0"> </el-switch>

v-model="value" 里的value可以和data里面自定义的value动态绑定,也可以和获取数据时的属性绑定,数据里的属性的值可以和active-value="100" inactive-value="0"关联

如:数据orderData里的属性is_send有2个值,0和1,可以和active-value以及inactive-value绑定,根据绑定的值来决定是否开启或者关闭

 <el-switch             v-model="orderData.is_send"             active-color="#13ce66"             inactive-color="#ff4949"             active-value="1"             inactive-value="0"           >           </el-switch         > // is_send=1,打开;is_send=0 关闭 // 打开时,orderData.is_send =1,关闭时orderData.is_send=0    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐