zoukankan      html  css  js  c++  java
  • 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
     
     
  • 相关阅读:
    Codeforces Round #439 (Div. 2)
    Money Systems
    Stamps
    inflate
    多重背包问题
    AIM Tech Round 4 (Div. 2)
    September Challenge 2017
    树的重心
    百度之星2017初赛A
    树上的最大独立集
  • 原文地址:https://www.cnblogs.com/JeffreyZhu/p/15817686.html
Copyright © 2011-2022 走看看