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
 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章