如何在vue循环列表中实现点赞改变icon和字体颜色，不可取消点赞

1，在项目中将icon变成字体图标，
参考以下链接：

https://jingyan.baidu.com/article/d45ad1485e549569552b80c1.html

2.页面操作代码如下

<div v-for='(item,index) in list' :key='index'><span class='margin-left-normal'  @click='bindLike(item,index)'><span :id="'vote'+index"><i class="iconfont icon-dianzan" ></i> 点赞图标<span class=' text-right font-size-smaller  margin-right-small' >{{ item.number}}</span>点赞数量</span></span>
</div>

js部分

<script>export defalut{data(){return {countVote :'',list:[{number:1}，  {number:1}，  {number:1}，]}},methods:{bindLike (item, index) {this.countVote = item.numberif (this.countVote != 0) {this.showPosition = true 这是用来判断已点赞之后再次点赞的弹框的} else {document.getElementById('vote' + index).classList.add('red')item.number++this.showPositionValue = true 这是用来判断点赞的弹框的}},}}
</script>

如何在vue循环列表中实现点赞改变icon和字体颜色，不可取消点赞相关推荐

linux空格转义,如何在bash循环列表中转义空格？
首先,不要这样做.最好的办法是正确使用find -exec: # this is safe find test -type d -exec echo '{}' + 另一个安全的方法是使用NUL终止列表 ...
element-ui中el-input需要改变placeholder的字体颜色
input::-webkit-input-placeholder {color: #c0c4cc;}input::-moz-input-placeholder {color: #c0c4cc;}inp ...
vue循环如何传参数 php,vue循环列表动态数据的处理方法（代码）
本篇文章给大家带来的内容是关于vue循环列表动态数据的处理方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 调用方法:Vue.set( target, key, value ...
Vue卡列表中不同卡片显示不同背景颜色
Vue卡列表中不同卡片显示不同背景颜色最近做一个项目的移动端页面,需要完成一个卡列表,不同银行显示不同颜色的问题,一开始考虑过通过识别银行图标色调生成,但最后为了考虑开发成本,只做几种通用的色调. ...
R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签：添加多个文本标签、改变文本标签的字体、改变文本标签的字体颜色
R语言应用calibrate包的textxy函数向R原生绘图结果中添加文本标签:添加多个文本标签.改变文本标签的字体.改变文本标签的字体颜色目录
php文字红色代码,IOS_IOS中一段文字设置多种字体颜色代码，给定range和需要设置的颜色， - phpStudy...
IOS中一段文字设置多种字体颜色代码给定range和需要设置的颜色,就可以给一段文字设置多种不同的字体颜色,使用方法如下: [self fuwenbenLabel:contentLabel Font ...
vue 循环出来的三个标签加不同的颜色
需求:vue循环通过后台接口获得三张图片,给每张图片加不同的背景颜色. 通过三目运算的话只能给其中两个元素添加颜色. 通过下标区分: 代码如下: html: <div class="m ...
html中超链接文字居中,html超链接字体颜色怎么改
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. html超链接字体颜色改的方法如下: 1.首先在菜单栏下的"格式"菜单中或在右键菜单中点击"幻灯片设 ...
小程序点击获取循环列表中的内容
小程序使用wx:for来循环展示列表(展示上一节地图的关键词) 这两天在做小程序的时候还真不是很习惯小程序使用wx:for循环,并给每一项绑定一个点击事件 <scroll-view clas ...

如何在vue循环列表中实现点赞改变icon和字体颜色，不可取消点赞

如何在vue循环列表中实现点赞改变icon和字体颜色，不可取消点赞相关推荐

最新文章

热门文章