javascript - Panggilan kaedah kawalan pokok dalam iView adalah salah

Question

Arahan dari laman web rasmi
Kaedah pokok

Nama kaedah	Arahan	Parameter
getCheckedNodes	Dapatkan nod yang ditandakan	Tiada
getSelectedNodes	Dapatkan nod yang dipilih	Tiada

Kod saya sendiri---------------------------------

<button @click='getCheckedNodes'>获取被选中的节点</button>
<button @click="getSelectedNodes">获取被勾选的节点</button>

Kod saya sendiri------------------------------

getCheckedNodes(){
    console.log(this.$refs.Tree.getCheckedNodes());
},
getSelectedNodes(){
    console.log(this.$refs.tree.getSelectedNodes);
}

Laporkan ralat

App.vue?2573:105 Uncaught TypeError: Cannot read property 'getCheckedNodes' of undefined

at VueComponent.getCheckedNodes (eval at <anonymous> (app.js:967), <anonymous>:92:40)
at boundFn (eval at <anonymous> (app.js:723), <anonymous>:125:14)
at HTMLButtonElement.invoker (eval at <anonymous> (app.js:723), <anonymous>:1659:18)

Answer 1

Panggilan komponen pokok hendaklah ditulis dengan ref

<Tree :data="baseData" show-checkbox ref="tree"></Tree>