在element-ui的el-tree组件中用render函数生成el-button
发布时间:2020-12-16 23:26:34 所属栏目:百科 来源:网络整理
导读:本文主要介绍怎么在el-tree组件中通过render函数来el-button。 这是element-ui中el-tree树: 这是需要实现的效果: tree.vue文件中,具体实现的代码如下: 主要说下这段代码: renderContent:function(h,'删除') ]) } 文档中有详细的说明: h( //参数1:{Str
本文主要介绍怎么在el-tree组件中通过render函数来el-button。 这是element-ui中el-tree树: 这是需要实现的效果: tree.vue文件中,具体实现的代码如下: 主要说下这段代码: renderContent:function(h,'删除') ]) } 文档中有详细的说明: h( //参数1:{String | Object | Function},一个HTML标签字符串,组件选项对象,或解析任何一种的一个async异步函数,必需参数。 'el-button',//参数2:{Object} 一个包含模板相关属性的数据对象,可以在template中使用这些特性,可选参数 {},//参数3: {String | Array},如果直接是字符串则会生成“文本虚拟节点;如果是数组,则可以在数组中,则可以生成子虚拟节点 '删除' ) 参数2中的对象在文档中有详细的介绍: { // 和`v-bind:class`一样的 API // 接收一个字符串、对象或字符串和对象组成的数组 'class': { foo: true,bar: false },// 和`v-bind:style`一样的 API // 接收一个字符串、对象或对象组成的数组 style: { color: 'red',fontSize: '14px' },// 普通的 HTML 特性 attrs: { id: 'foo' },// 组件 props props: { myProp: 'bar' },// DOM 属性 domProps: { innerHTML: 'baz' },// 事件监听器基于 `on` // 所以不再支持如 `v-on:keyup.enter` 修饰器 // 需要手动匹配 keyCode。 on: { click: this.clickHandler },// 仅用于组件,用于监听原生事件,而不是组件内部使用 // `vm.$emit` 触发的事件。 nativeOn: { click: this.nativeClickHandler },// 自定义指令。注意,你无法对 `binding` 中的 `oldValue` // 赋值,因为 Vue 已经自动为你进行了同步。 directives: [ { name: 'my-custom-directive',value: '2',expression: '1 + 1',arg: 'foo',modifiers: { bar: true } } ],// 作用域插槽格式 // { name: props => VNode | Array (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |