console
new Vue({
el: '#app',
data() {
return {
status1: false,
status2: true,
status3: false
}
},
methods: {
changeStatus1(e) {
console.log('switch 1:' + e)
setTimeout(() => {
this.status1 = e
}, 1500)
},
changeStatus2(e) {
console.log('switch 2:' + e)
this.status2 = e
},
changeStatus3(e) {
console.log('switch 3:' + e)
this.status3 = e
}
}
})
<div id="app">
<p>请使用v-model绑定数据</p>
<h3>使用loading</h3>
<ak-switch v-model="status1" @change="changeStatus1" loading></ak-switch>
<h3>直接使用</h3>
<ak-switch v-model="status2" @change="changeStatus2"></ak-switch>
<h3>如果切换太快又需要loading可以手动设置loading时间</h3>
<ak-switch v-model="status3" @change="changeStatus3" loading :delayed="3"></ak-switch>
</div>