element-ui 下拉选择树
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
界面:
关键代码:
// html代码
<el-select v-model="welcomeReport.reportName" placeholder="请选择报表路径" style="width: 560px" ref="selectReport">
<el-option :value="welcomeReport.reportId" :label="welcomeReport.reportName" style="width: 560px;height:200px;overflow: auto;background-color:#fff">
<el-tree
:data="reportData"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</el-option>
</el-select>
//js代码
handleNodeClick:function(node){
console.log(node,'node')
if(node.children){
}else{
this.welcomeReport.reportId = node.url
this.welcomeReport.reportName = node.label
this.$refs.selectReport.blur()
console.log(this.welcomeReport.reportName,"this.welcomeReport.reportName")
}
}
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献8条内容
所有评论(0)