下面我就為大家分享一篇vue實(shí)現(xiàn)a標(biāo)簽點(diǎn)擊高亮方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。

如下所示：

lang="en">

charset="UTF-8">

name="viewport"

content="width=device-width, initial-scale=1">

rel="stylesheet/less">

.a {

display:

block;

float:

left;

margin-left:

20px;

}

.active {

color:

red;

font-size:

17px;

}

id="app">

class="s-bt" @click="selected(Aname.name)"

:class="{active: active == Aname.name}"

v-for="Aname in Alist">{{Aname.name}}

new

Vue({

el:

'#app',

data: {

Alist: [{

name:

'影視大咖'

}, {

name:

'女明星'

}, {

name:

'男明星'

}, {

name:

'商業(yè)大亨'

}],

active:

''

},

mounted() {

},

methods: {

selected(name) {

this.active

= name;

}

}

})

上面是我整理給大家的，希望今后會(huì)對(duì)大家有幫助。

相關(guān)文章：

基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否可用實(shí)例

jQuery實(shí)現(xiàn)的回車觸發(fā)按鈕事件功能示例

jQuery+Cookie實(shí)現(xiàn)切換皮膚功能

總結(jié)

以上是生活随笔為你收集整理的a标签 vue 动态点击_vue实现a标签点击高亮方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。