xxxxxxxxxx
this.$refs.tree.setCheckedKeys([1000, 1001], true)
<template>
<div>
<button @click="setKeys">通过key选中河南和河北</button>
<button @click="getKeys">获取所有选中项的keys</button>
<button @click="getNodes">获取所有选中项的nodes</button>
<button @click="resetChecked">清空所有选中状态</button>
<button @click="getNode">通过key获取河北省节点</button>
<SearchTree
ref="tree"
node-key="id"
:data="treeList"
:show-checkbox="true"
:default-checked-keys="[1103]"
:default-expanded-keys="[1103, 1105]"
@node-click="handleClick"
></SearchTree>
</div>
</template>
<script>
export default {
data() {
return {
treeList: [
{
"id": 1000,
"name": "河南省",
"children": [{
"id": 1009,
"name": "新乡市",
"children": [{
"id": 1119,
"name": "新乡市宏力大道店"
<template>
<div>
通过search设置关键词
<input v-model="input" type="text" />
<SearchTree
node-key="id"
:data="treeList"
:search="input"
:default-expand-all="true"
></SearchTree>
</div>
</template>
<script>
export default {
data() {
return {
input: '济南无影山',
treeList: [
{
"id": 1000,
"name": "河南省",
"children": [{
"id": 1009,
"name": "新乡市",
"children": [{
"id": 1119,
"name": "新乡市宏力大道店"
}, {
"id": 1120,
"name": "新乡市胜利北街店"
}, {
"id": 1121,
xxxxxxxxxx
this.$refs.tree.append(data.id, { id: Date.now(), name: '新节点' })
<template>
<div>
<div style="overflow: hidden">
<button @click.stop="handleAppendRoot()" style="float: right">
添加根节点
</button>
</div>
<SearchTree
ref="tree"
node-key="id"
:data="treeList"
:default-expand-all="true"
:deepCopy="false"
>
<template slot-scope="node">
<p style="margin: 5px">
<span></span>
<button
@click.stop="handleRemove(node)"
style="float: right"
>删除</button>
<button
@click.stop="handleAppend(node)"
style="float: right"
>添加</button>
</p>
</template>
</SearchTree>