然而,这通常不是 Vue 渲染流程中的问题,因为 Vue 会在mounted钩子执行后重新渲染组件。 renderContent方法:你的renderContent方法使用了 JSX 语法(虽然你在<script>标签中没有声明lang="jsx"或类似的,但 Vue 通常通过 Babel 插件支持 JSX)。这个方法本身看起来没有问题,但请确保你的项目配置支持
可以通过render-content属性自定义节点的内容。例如: html <vue2-org-tree :data="treeData" :render-content="renderContent" /> 在Vue组件的methods中定义renderContent方法: javascript methods: { renderContent(h, data) { return h('div', [ h('span', data.label), h('br'), h('span'...
1.前端代码 renderContent(h, data) {//return data.label;//debuggerif(data.typeName == "楼栋长"){return( )/*return ( {data.label} {data.phone} 包靠楼栋: {data.buildName} );*/}elseif(data.typeName == "一级"){return(...
horizontal":collapsable="collapsable":label-class-name="labelClassName":render-content="renderContent"name="organ"@on-expand="onExpand"@on-node-click="onNodeClick"/></el-scrollbar></template>exportdefault{name:"TreeTest",data() {return{"treeData": {labelClassName:"bg-color-orange",basicInfo...
通过鼠标点击展开下拉菜单。点击子菜单可以实现不同的功能。我让每一个节点都是一个下拉菜单,不就可以了吗?把上面的代码改写成jsx形式,并写入renderContent方法里,记得定义组件renderContent属性哦。 renderContent (h, data) {return( {data.title} this.onClick(key, data)}> ...