vue toggle做一个点击切换class

vue toggle做一个点击切换class

<template>
    <div>
        <span :class="{"bg-primary text-danger":isA,"bg-success text-white":!isA}" @click="toggle()">AAAAA</span>
    </div>
</template>

<script>
    export default {
        name: "hello",
        data () {
            return {
                isA: false
            }
        },
        methods:{
            toggle:function () {
                this.isA=!this.isA
            }
        }
    }
</script>

<style scoped>
    @import "../../../src/assets/plugin/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.css";
</style>

阅读更多