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

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

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

? ? ? ? ?<el-tree

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。