发新帖

el-switch Switch 开关

零下一度 2022-8-9 846

基本用法

绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。

<el-switch
  v-model="value"
  active-color="#13ce66"
  inactive-color="#ff4949">
</el-switch>
<script>
  export default {
    data() {
      return {
        value: true
      }
    }
  };
</script>



用v-model来绑定值,绑定的值默认返回的是0和1,所以设置:active-value="1" :inactive-value="0"

<el-switch
    v-model="scope.row.state"
    active-text="显示"
    inactive-text="隐藏"
    @change="chang(scope.row)"
    :active-value="1"
    :inactive-value="0"
></el-switch>



官网手册地址:https://element.eleme.cn/#/zh-CN/component/switch#methods






最新回复 (0)
返回
零下一度
主题数
931
帖子数
0
注册排名
1