v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变

v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变；但是往往是我们往元素上添加样式导致所有v-for循环出的元素都会变化。
这里的话可以我们使用index索引，当点击一个元素时，将该元素的index索引赋给一个变量，如果该变量和当前元素绑定index相等时，则通过3目运算符来判断，如果相等就启用不相等就给空或者其他属性。

<div

class="van-cell"

v-for="(item, index) in datas.regions.slice(1)[mun].subFilters"

:key="index >

:style="isindex==index?{

float: 'right',

color: 'red',

'font-style': 'normal',

display: block

}:style='display:none'>✔</i>

</div>

</template>

data() {

return {

datas: {},

mun: 0,

isindex: '',

}

methods: {

clc(index) {

this.isindex = index

</script>

v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变相关推荐

C语言：猴子吃桃问题：猴子第一天摘下若干桃子，当即吃了一半多一个，第二天将剩下的桃子吃掉一半多一个，以后每天都吃掉前一天剩下桃子的一半多一个。到第10天想再吃时，只剩下一个桃子。
题目: 猴子吃桃问题:猴子第一天摘下若干桃子,当即吃了一半多一个,第二天将剩下的桃子吃掉一半多一个,以后每天都吃掉前一天剩下桃子的一半多一个.到第10天想再吃时,只剩下一个桃子.求第一天猴子共摘了多少 ...
LA租车买车攻略在洛杉矶租车时，只会说一个car可远远不够哦~
在洛杉矶租车时,只会说一个car可远远不够哦- 很多朋友出国旅行会选择租车, 尤其在公共交通不发达的地区, 那么在国外租车都要注意哪些? 如何用英文顺利的租车呢? 当我们走进一家租车公司, 店员首先会 ...
List集合增强for循环时产生的异常
List集合增强for循环时产生的异常 1.介绍在List 集合使用增强for循环遍历时,我们如果改变了集合的长度,会抛出异常.下面举个例子: public static void main(Str ...
JAVA循环题------15只狮子选狮王
1.需求 15只狮子子围成一圈选狮王,依次1-7循环报数,报到7的狮子被淘汰,后面的狮子再从1开始数,直到最后剩一只狮子称为狮王,问:哪只狮子会成为狮王? 2.分析 15只狮子选狮王,可以先定义一个狮 ...
Thymeleaf在循环时设置递增序号
场景在使用Thymeleaf进行遍历循环时,数据前面的序号如果使用实体类的id属性,id要是不从1开始递增则不能实现计数效果. 所以需要在循环时实现一个递增的序号效果. 如果没有显示设置状态变量,t ...
php foreach ,PHP学习之foreach循环时加符号的说明
本文主要内容是关于PHP的foreach循环时加&符号的说明,感兴趣的朋友可以了解一下. foreach时加&符号:遍历的同时改变原数组即修改数据或者增加数据. $arr = ['a' ...
ckeditor:复制内容到ckeditor时，只保留文本，忽略其样式解决方法
ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法参考文章: (1)ckeditor:复制内容到ckeditor时,只保留文本,忽略其样式解决方法 (2)https:// ...
python: for循环时列表长度改变，会发生什么？
for循环时列表长度改变,会发生什么? 以以下两种形式为例: # 第一种形式 for i in li: # 第二种形式 for i in range(len(li)) 先说结论: 无论是哪种遍历,都是 ...
猴子吃桃问题：猴子第一天摘下若干个桃子，当即吃了一半，又多吃了一个第二天早上又将剩下的桃子吃掉一半，又多吃了一个。到第10天早上时，只剩下一个，求第一天有多少桃子。
猴子吃桃问题:猴子第一天摘下若干个桃子,当即吃了一半,又多吃了一个第二天早上又将剩下的桃子吃掉一半,又多吃了一个.到第10天早上时,只剩下一个,求第一天有多少桃子. 我的思路: 用逆向思维推测第一天, ...

v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变

v-for循环时，我只需要点击到的元素做出相应反应，其他的元素不变相关推荐

最新文章

热门文章