为了账号安全,请及时绑定邮箱和手机立即绑定

iview 中, switch 开关如何在 methods 中控制?

iview 中, switch 开关如何在 methods 中控制?

浮云间 2019-01-02 22:14:16
这是代码:<i-switch size="small" :value="isEnable" @on-change="switch"/><script>     new Vue({         el: '#app',         data: {             isEnable: false         },         methods: {             switchTokenLogin: function(status){                this.isEnable = false;             }         }     })</script>预想的是:当点击开关时(无论开或关),他总是处于关闭状态,但上面的代码却达不到,,设置了 isEnable 这个值页面不能正常重新渲染,,大佬们这个怎么解?
查看完整描述

1 回答

?
千巷猫影

TA贡献1829条经验 获得超7个赞

iview没有相应的函数可以控制,不过可以使用disabled属性模拟

<i-switch v-model="switch1" @on-change="change" :disabled="!(disabled && switch1)"/>data () {    return {
        switch1: true,
        disabled: true
    }  
},
methods: {
    change (status) {        this.disabled = false
    }
}


查看完整回答
反对 回复 2019-01-02
  • 1 回答
  • 0 关注
  • 1786 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信