SOURCE

console 命令行工具 X clear

                    
>
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>

本项目引用的自定义外部资源