javascript - 在使用vue的时候,想实现在列表中进行选择部分item,并添加class
PHPz
PHPz 2017-05-19 10:25:55
[JavaScript讨论组]

我想在一个列表中选择群发对象,进行群聊

用的是vue2.0,我通过改变user对象中的isActive字段,来进行选中的状态,如果isActive为true,那就给他打钩,并且将他的id添加到数组里,如果为false,就删掉他

目前遇到的一个问题是,只能选中一个,但是id是添加进去了的,也能删除掉。但是就是没有勾选的效果。

HTML:

    

{{item.item}}

{{user.name}}

JS: patientCalendar(user, event) { if (!user.isActive) { user.isActive = true this.selectedUsers.push(user.patientUserGid) } else { user.isActive = false this.selectedUsers.splice(user.patientUserGid, 1) } },

这个是UI交互效果,只能勾中一个

PHPz
PHPz

学习是最好的投资!

全部回复(2)
我想大声告诉你

代码太少没法判断,请确保数据都是响应式的。

检查 localDataitem 数组增加元素的方式是否正确;

item 数组里的对象(user)的初始状态有给 isActive 初始值不,Vue 不能检测增加属性。

某草草

如果你用的是谷歌浏览器,建议添加一个扩展程序Vue.js devtools,然后打开控制台,你点击后看下你的数据状态是啥样的,应该就能找到问题所在了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号