javascript - 关于vue全选功能的问题
黄舟
黄舟 2017-06-12 09:27:49
0
2
1052

需求:
点击家具,家电等子菜单,它里面的小菜单也会全选,小菜单少选一个就会取消其父菜单的全选行为
现在的功能做到的是主体全选和子菜单的关系,请问子菜单和它的小菜单要实现这种功能要怎么做?
文字表达得不是很清晰,我直接上代码吧
https://jsfiddle.net/nj8u0nLo/1/

{{a}}

  • 全选

    {{v.name}}
    {{n.name}}

new Vue ({ el: '#app', data: { list: [ {'id': 1,'name':'家具','sort':[{'id':11,'name':'沙发'}, {'id':12,'name':'凳子'}, {'id':13,'name':'桌子'}]}, {'id': 2,'name':'家电','sort':[{'id':21,'name':'冰箱'}, {'id':22,'name':'电视'}, {'id':23,'name':'风扇'}]}, {'id': 3,'name':'衣物','sort':[{'id':31,'name':'裤子'}, {'id':32,'name':'衬衫'}, {'id':33,'name':'鞋子'}]} ], selected: [] }, computed: { selectAll: { get: function(){ return this.list ? this.selected.length == this.list.length:false }, set: function(value){ let selected=[] if(value){ for(let i=0;i

全选是绑定一个boolean值的,但是子菜单绑定是是一个数组,请问这种情况怎么处理?或者有没有案例让我参考一下呢~虚心求教啊~!!

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复 (2)
左手右手慢动作

直接在html里面操作就行了,用:checked属性操作

    大家讲道理

    写了了很烂的版本,肯对你是否要帮助

         Document  
    

      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!