您现在的位置是：网站首页> 编程资料编程资料
vue中的el-tree @node-click传自定义参数_vue.js_
2023-05-24
476人已围观
简介 vue中的el-tree @node-click传自定义参数_vue.js_
el-tree @node-click传自定义参数
nodeClick(data, node, item, param) { console.log(data) // data,node,item为默认参数 console.log(node) console.log(item) console.log(param) // param为自定义的参数 }给el-tree添加自定义图标
{{ data.name }}
主要思路就是，在el-tree标签里添加：
{{ data.name }}注意：
这里用到了el-tree的懒加载所以没有绑定data属性。
懒加载代码是：
el-tree标签添加属性和方法：
:props=“Props” lazy :load=“loadNode”
data里声明props：
Props: { children: ‘children', label: ‘name', isLeaf: ‘leaf' }在懒加载方法里，必须要给data定义icon属性，指明图标名称。
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
相关内容
- vue中如何使用jest单元测试_vue.js_
- 使用 JavaScript Promise 读取 Github 用户数据_javascript技巧_
- vue3中调用api接口实现数据的渲染以及详情方式_vue.js_
- Vue 2源码解析Parse函数定义_vue.js_
- Vue 2源码解析HTMLParserOptions.start函数方法_vue.js_
- JavaScript 异步函数 Promisification 处理详情_javascript技巧_
- vue获取参数的几种方式总结_vue.js_
- VUE中的自定义指令钩子函数讲解_vue.js_
- TypeScript中命名空间与模块化详情_javascript技巧_
- vue前端实现打印下载示例详解_vue.js_
