實(shí)例如下所示：
<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做一個點(diǎn)擊切換class(實(shí)例講解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
