實例如下所示：

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

以上這篇vue toggle做一個點擊切換class(實例講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。