element 树形控件如何通过按钮来实现全部展开
1、在已新建的Vue项目,安装element依赖包,然后新建一个TreeData.vue组件文件

2、打开vue文件,向template标签中插入一个form表单,并添加一个按钮和树形控件

3、在<script></script>标签中,添加treeData和defaultProps对象值


4、接着打开App.vue文件,导入组件TreeData;然后使用命令运行项目,打开浏览器查看效果


5、修改vue文件代码,给el-tree添加属性ref,动态加一个属性default-expand-all

6、在data对象中,设置isExpand为false;在methods中,添加按钮点击事件和遍历树形控件的方法

7、再次保存代码并运行项目,刷新浏览器,然后点击展开按钮,查看树是否有变化

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:129
阅读量:178
阅读量:102
阅读量:127
阅读量:116