a标签 vue 动态点击_vue实现a标签点击高亮方法

下面我就为大家分享一篇vue实现a标签点击高亮方法，具有很好的参考价值，希望对大家有所帮助。

如下所示：

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:

'商业大亨'

}],

active:

''

},

mounted() {

},

methods: {

selected(name) {

this.active

= name;

}

}

})

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

基于jQuery实现Ajax验证用户名是否可用实例

jQuery实现的回车触发按钮事件功能示例

jQuery+Cookie实现切换皮肤功能