关于v-for中使用v-if或者v-bind:class失效的问题
在v-for循环出来的列表中使用v-bing动态绑定class、v-show或v-if动态控制个别item场景一般多用于多项选择
原因是在v-for循环的时候 items是动态创建,所以不会被监听并且实时动态控制class
文章图片
【关于v-for中使用v-if或者v-bind:class失效的问题】
解决方法是vm.$set官方文档中有介绍
我的解决方法使用了框架自带多选按钮,将样式呈现出来
文章图片
文章图片
但仅仅是样式呈现,在循环items的时候,给它新增属性isSelect
文章图片
然后在点击选择的时候,动态设置isSelect属性
文章图片
在提交的时候去循环判断该list每一项的isSelect属性,从而达到同样的效果
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募
- 2020-04-07vue中Axios的封装和API接口的管理