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

这是代码:

<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 这个值页面不能正常重新渲染,,大佬们这个怎么解?


浮云间
浏览 1787回答 1
1回答

千巷猫影

iview没有相应的函数可以控制,不过可以使用disabled属性模拟<i-switch&nbsp;v-model="switch1"&nbsp;@on-change="change"&nbsp;:disabled="!(disabled&nbsp;&&&nbsp;switch1)"/>data&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch1:&nbsp;true, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;disabled:&nbsp;true &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp; }, methods:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;change&nbsp;(status)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.disabled&nbsp;=&nbsp;false &nbsp;&nbsp;&nbsp;&nbsp;} }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5