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;   


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM