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
 
 
posted @ 2022-01-18 14:30  专注网站建设和推广  阅读(548)  评论(0编辑  收藏  举报