比如ul下有4个li元素。 给每个li绑定点击事件@click="select_li(index),然后这个点击时间会将一个全局变量 selectLi 赋值为 index 的值。 然后在每个li上加上class样式 即可。 ...
在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 推荐指数:
比如ul下有4个li元素。 给每个li绑定点击事件@click="select_li(index),然后这个点击时间会将一个全局变量 selectLi 赋值为 index 的值。 然后在每个li上加上class样式 即可。 ...
...
首先在data定义一个数组,数组里面的结构是对象,在对象里面写一个键值对,对应上你需要的文字,然后定义一个 active:'' 。在html结构中用 v-for 循环遍历出来,然后加个class ...
==currentIndex}">{{item}}</div> 也是实现需 ...
1.html 2.在循环的代码那里添加 3.添加样式 4.初始化数据 5.调用方法 当我们触发点击事件的时候,传入循环的index ,这样我们就可以将绑定房东样式赋给点击到的x ...
DOM部分: data部分: currentIndex: 1, loginType: [ ...
代码演示如下:(写的不好的地方,请见谅) <!DOCTYPE html> <html lang="en"> <head&g ...
刚自学Vue不久,所以还不太熟,所以直接上代码。 一、先在data里增加一个变量,用来储存当前点击的元素 二、在Template里面的代码,切记在@click方法里面要传index, 三、点击事件:改变data里面activeClass的值 ...