var app = new Vue({
el:'#app',
data() {
return {
value: ''
}
},
methods:{
onInput(){
console.log(this.value)
}
}
})
<div id="app">
<!-- <el-input type="number" placeholder="请输入内容" v-model='value' @blur="onInput()">
</el-input> -->
<el-tree :data="data" :props="defaultProps"></el-tree>
</div>
<script>
new Vue({
el: '#app', //
data:{
name:'hhhh',
data:[{
"name": "消息队列",
"children": [{
"id": "5",
"name": "rocketMQ(bind版)",
"describe": "顺序消息、批量消息、定时消息、消息回溯等",
"tags": ["2"]
}]
}, {
"name": "批处理",
"children": [{
"id": "7",
"name": "XxlJob",
"describe": "现已开放源代码并接入多家公司线上产品线,开箱即用",
"tags": ["3"]
}]
}],
defaultProps:{
children: 'children',
label: 'name'
}
}
})
</script>