Vue 点击文字改变文字颜色

Vue 点击文字改变颜色，点击哪一个改变哪一个

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.active{color: blue;}</style>
</head>
<body><div id="app"><ul><li v-for="(item,index) in movies" v-on:click="clickItem(index)" :class="addColor(index)">{{index}} {{item}}</li></ul></div><script src="../js/vue.js"></script><script>const app = new Vue({el: "#app",data : {movies : ['电影1','电影2','电影3','电影4','电影5'],acolor : true,//是否展示颜色currentIndex : -1,},methods : {clickItem : function (index) {//行点击事件this.currentIndex = index;},addColor : function (index){//颜色改变事件if(this.currentIndex == index) {return {active : this.acolor}}}}})</script>
</body>
</html>

Vue 点击文字改变文字颜色相关推荐

html改游戏聊天字体颜色,html点击按钮改变字体颜色怎么实现
html点击按钮改变字体颜色的实现方法:1.创建一个html文件:2.在html文件中添加html代码架构:3.在body标签里面使用button标签实现一个按钮,并使用style给按钮添加样式以及使 ...
vue中button如何改变文字的大小_Vue进阶属性
一.Directives 指令两种写法: 1.声明一个全局指令 Vue.directive('x', directiveOptions) 就可以在任何组件里使用v-x了例如:声明一个全局指令在A ...
html超链接点击状态改变背景颜色,div css鼠标悬停锚文本超链接文字背景颜色或图片变化...
css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇. 此DIV CSS ...
RecyclerView 点击Item 改变文字颜色以及所在的背景色
为了防止看错内容,下面讲解要实现的内容方法有很多中,这里使用notifyDataSetChanged 来刷新内容个人感觉更为简单点首先可以先定义一个位置,然后点击item的时候把positon 赋 ...
选中文字改变默认颜色
在网页中选中文字,默认为蓝底白字.这是浏览器默认的结果. 要改变也十分的简单 .p1::selection{color: #fff;background:#73BF00;}.p1::-moz-sele ...
vue 点击弹出文字_vue事件点击穿透解决大法，看这篇文章就够了
作者/sherry 最近在做项目的过程中遇到一个非常奇葩的bug,在h5页面点击一个按钮弹出弹窗,但是这个弹窗刚出现就会自动消失,导致屏幕出现闪动现象,关键这个bug还是偶现的. 经过一番研究才发现是 ...
vue 点击弹出文字_vue实现点击出现操作弹出框的示例
如上图所示,这次要实现一个点击出现操作弹框的效果:并将这个功能封装成一个函数,便于在项目的多个地方使用. 具体思路是: 封装一个组件,组件保护一个插槽,我们可以根据不同的场景,利用插槽随意在这个弹框里 ...
vue 点击按钮实现随机颜色
随机颜色 <button @click="btn">点击</button><div :style="{color:colorRender}& ...
UITableView 点击选中改变字体颜色并记录
//在这里判断,看indexPath是否已经被选中,如果选中就将其对应的那一行的字体颜色设置为选中时的颜色,否则就是默认的颜色 if ([_indexArray containsObject:inde ...

Vue 点击文字改变文字颜色

Vue 点击文字改变颜色，点击哪一个改变哪一个

Vue 点击文字改变文字颜色相关推荐

最新文章

热门文章