vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解)

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:17:37

vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解)

vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解):實(shí)例如下所示： <template> <div> <span :class={'bg-primary text-danger':isA,'bg-success text-white':!isA} @click=toggle()>AAAAA</span> </div> </te

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解):實(shí)例如下所示： <template> <div> <span :class={'bg-primary text-danger':isA,'bg-success text-white':!isA} @click=toggle()>AAAAA</span> </div> </te

實(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做一個(gè)點(diǎn)擊切換class(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解)

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： VUE 實(shí)例 toggle

熱門(mén)焦點(diǎn)

vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解)

vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解)

vue toggle做一個(gè)點(diǎn)擊切換class(實(shí)例講解)

最新推薦

猜你喜歡

熱門(mén)推薦