vue点击高亮

首先在data定义一个数组，数组里面的结构是对象，在对象里面写一个键值对，对应上你需要的文字，然后定义一个 active:'' 。在html结构中用  v-for  循环遍历出来，然后加个class  例如    :class="{live_btn:true,active:active === item.name}   ，再定义一个方法， 例如   @click="conversion(item.name)"  把item 里面的名字当做实参传进这个方法里面，这些都写在同一个结构里面，例如  我是写在  button  标签里面的。

昨晚这些还有最重要的一步就是，在  methods  里面写方法，把  active  等于点击的时候传过来的参数，这样条件成立，就可以高亮了。   this.active = name;   

转载于:https://www.cnblogs.com/Hajar/p/11327752.html