javascript - 怎么利用Vue实现3个级别的联动?
伊谢尔伦
伊谢尔伦 2017-04-10 16:57:29
[JavaScript讨论组]

codepen地址:http://codepen.io/JoeZheng2015/pen/qdKKer
问题描述:1、这段3个层次的联动,为什么全选级别的无法改变seller级别的;2、有其他更简洁的办法可以实现这种联动吗?

问题场景:
最近在学Vue,想利用computed简单的3中层级的联动,即当商品级别的全选,更改seller变量,seller级别的全选更改all变量这个联动。但是遇到问题:
在seller的for循环后,computed的get无法穿参,所以无法识别当前是哪个seller。
所以改用组件,每个seller有自己的作用域。但是现在又遇到问题:
全选级别的更改,无法触发商品级别的联动。

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
黄舟

通过绑定onchange事件,刚写出一个烫手的Beta版本 - 二层级结构的checkbox,基本满足题主的要求。

初期想法:对有子层级数据节点的checkbox进行事件绑定,否则通过v-model进行数据双向绑定

TODO:

  • 进行组件化

  • 实现多层级结构

Others:

  • 应该还有其他方法,希望分享你的想法和实现

  • 对此有什么问题或优化,欢迎指正和建议

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

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