优艾设计网

vue.js怎么在v?

优艾设计网 https://www.uibq.com 2023-06-16 07:23 出处:网络 作者:PS教程自学
vue.js怎么在v-for中使v-bind:class跟着变量值改变,我现在只在页面刚渲染时才执行一次,但不会随着变量值变换动态渲染class <li v-for=\"item in items\" v-on:click=\"clickOneItem(item.item_id)\" v-bind:cla

vue.js怎么在v-for中使v-bind:class跟着变量值改变,我现在只在页面刚渲染时才执行一次,但不会随着变量值变换动态渲染class

<li v-for="item in items" v-on:click="clickOneItem(item.item_id)" v-bind:class="{active: isItemSelected(item.item_id)}"> <input typ优艾设计网_电脑技术e="checkbox"> <img v-bind:src="item.img_url"><div class="fyh-textcon"> <p>{{ item.title }}</p><p class="">价格:<span>¥ {{ item.price }}</span></p> </div> </li><script>...methods: { isItemSelected: function (item_id) { var self = this; if (undefined == self.fetchedItems[item_id]) { return false; } return self.fetchedItems[item_id].isSeclected;} }... </script>


北海小小鱼 23小时前

优艾设计网_PS论坛

v-bind:class="{active: item.isSeclected}"楼主试试这种方式呢。


网捕鱼 23小时前

优艾设计网_Photoshop问答

http://cn.vuejs.org/guide/ins...


skping0813 23小时前

什么鬼,你的class后面是个变量才是响应式的,你这就是一个方法,你的变量作为参数传进去的,怎么可能重新跑这个方法呢?写优艾设计网_设计百科的太复杂了,fetchItem是做什么的,一定要吗,你暴露给html的接口应当尽可能的简单,处理在js都做好,你给html的只要一个item的变量,更改列表的这个值。


潇晨沫wx 23小时前

优艾设计网_电脑技术


0

精彩评论

暂无评论...
验证码 换一张
取 消