美文网首页
view Tree 取消选中状态

view Tree 取消选中状态

作者: 寇大宝 | 来源:发表于2022-04-01 14:35 被阅读0次

    view中 引用Tree组件,在不刷新的情况下怎么取消选中的状态

    
    <template>
        <Tree :data="treeList" show-checkbox></Tree>
        <Button @click='emptyOptions(treeList)'>清空选中项</Button>
    </template>
    <script>
        export default {
            data () {
                return {
                    treeList: [
                        {
                            title: 'parent 1',
                            expand: true,
                            children: [
                                {
                                    title: 'parent 1-1',
                                    expand: true,
                                    children: [
                                        {
                                            title: 'leaf 1-1-1'
                                        },
                                        {
                                            title: 'leaf 1-1-2'
                                        }
                                    ]
                                },
                                {
                                    title: 'parent 1-2',
                                    expand: true,
                                    children: [
                                        {
                                            title: 'leaf 1-2-1'
                                        },
                                        {
                                            title: 'leaf 1-2-1'
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            },
          methods: {
            // 清空checked
            emptyOptions(data) {
              data.map((item) => {
                 if (item.checked != undefined || item.indeterminate != undefined) {
                    item.checked = false
                    item.indeterminate = false
                  }
                  if (item.children && item.children.length > 0) {
                    this.emptyOptions(item.children)
                   }
                })
              },
           },
        }
    </script>
    
    
    

    相关文章

      网友评论

          本文标题:view Tree 取消选中状态

          本文链接:https://www.haomeiwen.com/subject/taenjrtx.html