一、先在data里增加一个变量，用来储存当前点击的元素
return {
leftColorDisplay: 0, // 0为默认选择第一个，-1为不选择
};
二、在template里面的代码，切记在@click方法里面要传index，
image
三、点击事件：改变data里面leftIndex的值
image
四、在style中写上 .leftColorChang样式
image
五、效果图
image
image
如果你的需求和我一样请加以上俩个标签你也可以试下加与不加的效果区别。
一、先在data里增加一个变量，用来储存当前点击的元素 return { }; 二、在template里面的代码，...
vue实现click点击当前li，动态切换class的原理是什么？
使用v-bind绑定class，实现动态的样式切换
1、text标签样式无效 自定义组件中css条件渲染class，动态点击切换css样式，同一个text标签重复点击...
1.vue中的样式绑定class 2.数组class改变样式 3.style改变样式
1.在应用界面中，某些元素的样式是变化的class/style绑定就是用来专门实现动态样式效果的技术2.class...
理解在应用界面中, 某个(些)元素的样式是变化的class/style绑定就是专门用来实现动态样式效果的技术 cl...
任务描述：想做一个遍历所有元素然后点击其中某个元素动态的改变该元素样式，再次点击会切换回原来的样式，在整个过程中，...
动态绑定样式 实现按钮点击变色
项目里，总有需要动态绑定样式的地方。angularJs和vue动态绑定样式的制定方法大同小异。 ng-class道...
本文标题：vue 点击切换动态Class变化,实现当前样式改变
本文链接：https://www.haomeiwen.com/subject/nnazyktx.html
网友评论