原文:vue实现点击样式高亮

在data中定义即将渲染的数据,及active data return active : , 选中样式 , data return wpList: name: 食品饮料 , name: 鲜花 , name: 蛋糕 , name: 水果生鲜 , name: 服装鞋帽 , name: 其它 , active: ... 定义高亮的标签类名 .active font size : px color : ...

2020-12-21 10:53 0 1084 推荐指数:

查看详情

简单实现vue列表点击某个高亮显示

比如ul下有4个li元素。 给每个li绑定点击事件@click="select_li(index),然后这个点击时间会将一个全局变量 selectLi 赋值为 index 的值。 然后在每个li上加上class样式 即可。 ...

Fri Dec 06 19:30:00 CST 2019 0 662
vue点击高亮

首先在data定义一个数组,数组里面的结构是对象,在对象里面写一个键值对,对应上你需要的文字,然后定义一个 active:'' 。在html结构中用 v-for 循环遍历出来,然后加个class ...

Fri Aug 09 23:52:00 CST 2019 0 593
Vue实现active点击切换样式

1.html 2.在循环的代码那里添加 3.添加样式 4.初始化数据 5.调用方法 当我们触发点击事件的时候,传入循环的index ,这样我们就可以将绑定房东样式赋给点击到的x ...

Tue Jul 02 03:57:00 CST 2019 0 3927
Vue点击切换Class变化,实现Active当前样式

刚自学Vue不久,所以还不太熟,所以直接上代码。 一、先在data里增加一个变量,用来储存当前点击的元素 二、在Template里面的代码,切记在@click方法里面要传index, 三、点击事件:改变data里面activeClass的值 ...

Wed Jan 16 04:14:00 CST 2019 0 5785
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM