データを入れました () {
リーリー
},
の「a」を「b」に置き換えると、公開された単語の色が変わります
<template lang="html">
<p class="footer">
リーリー
</p>
</template>
<script>
デフォルトのエクスポート {
データ () {
リーリー
},
メソッド: {
リーリー
}
}
</script>
<style lang="less">
.footer {
リーリー
###}### 。アクティブ {###
リーリー
}
</style>
你写的太复杂了,这个完全可以在配置路由的时候写一个linkActiveClass搞定的,建议去看看vue-router的文档
配置可以写在main.js定义路由里面
const router = new VueRouter({
})
然后在你的.vue样式里加上.active{color: #41B883;}的样式就行了
router-link写成这样<router-link to="/" class="item">首页</router-link>
换成@click.native应该就行了,当然楼上的方法更好
将click事件换成@click.native="select('a')";
写这种导航时,我通常是用这样的方法,v-for
<ul>
</ul>
data(){
你可以定义选定后的样式 .act-bar{}
直接这样就行了在.router-link-active设置的颜色,就是你当前点击的router-link那一块,激活后的样式颜色,也可以设置其他样式,然后其他的router-link,会恢复默认的样式