vue 点击当前元素改变样式

Posted ssjf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 点击当前元素改变样式相关的知识,希望对你有一定的参考价值。

template

 <ul>
   <li v-for="(relation,index) in relations" v-bind:id="relation.id" v-bind:id="relation.id" v-bind:class="checked:index==nowIndex" v-on:click="relationClick(index)">
    <i>
  </ul>

data

nowIndex:0

methods

changeValue(index)
       this.isActive=index;
  `

style

.checked
  background: #eff4f7;
 

原文:https://www.jb51.net/article/146114.htm

以上是关于vue 点击当前元素改变样式的主要内容,如果未能解决你的问题,请参考以下文章

vue修改当前页样式不影响公共样式的方法

vue中点击div里的当前元素添加class删除其他兄弟元素的class?

vue获取页面内元素

Vue--点击改变样式

vue如何利用单击事件输出当前时间?

Vue框架tab切换高亮最简易方法