其他分享
首页 > 其他分享> > elementui滑块开启和关闭状态动态绑定

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    

标签:滑块,elementui,绑定,send,inactive,value,关闭,orderData
来源: https://www.cnblogs.com/JeffreyZhu/p/15817686.html