以前根本看不懂這么寫是什么意思：

this.$refs.tree.getCheckedKeys());

其實上面的方法就是已經(jīng)封裝好的，直接調(diào)用即可，this,代表在當(dāng)前vue里，$refs代表一個引用（可以把它近似看成一個包名，）然后tree就是我們的el-tree的ref,可以理解為是該控件的一個對象，然后我們可以通過對象調(diào)用方法。但是如果按照案例一那樣寫就不對了
即：

? ? ? ? ?<el-tree

? ? ? ? ? ? ? ? ? ref="tree"
? ? ? ? ? ? ? ? ? :data="treeList"
? ? ? ? ? ? ? ? ? :props="defaultProps"
? ? ? ? ? ? ? ? ? @node-click="handleNodeClick"
? ? ? ? ? ? ? ? ? @getCheckedKeys()="function"
? ? ? ? ? ? ? ? ? show-checkbox=true
? ? ? ? ? ? ? ? ? node-key="id"
? ? ? ? ? ? ? ? >
? ? ? ? </el-tree>

上面這樣寫其實本質(zhì)上就是我們自己定義的一個方法，覆蓋掉了，原先elementUI幫我們封裝好的方法，我們調(diào)用的時候就是我們自己的了，我們可以根據(jù)我們所需要的自定義實現(xiàn)該方法。如果要想調(diào)用原生態(tài)的方法就用this.$refs.tree.getCheckedKeys());
這種方式。但是也不見得所有的事件都有原生態(tài)的方法，比如有些事件只是定義了一個接口，具體的實現(xiàn)還得我們自己來，比如我們的button點擊事件，我們的自己實現(xiàn)想要的功能，因為需求是不同的。如果你只寫成這樣this.$refs.tree.getCheckedKeys());那我也沒有試過會怎么樣，會調(diào)用什么方法。總之可能你調(diào)用了一個方法，但是你沒有任何的實現(xiàn)，那這就沒有任何的意義了。
?

https://blog.csdn.net/java_xxxx/article/details/81121199

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的【收藏】Vue+elementUI的this.$refs.对象名.方法名的理解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。