vue点击高亮

不问归期 提交于 2019-11-26 16:57:48

首先在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;   

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!