vue之 ref 和$refs的使用


在vue中一般很少直接操作DOM,如果需要操作DOM,我們可以通過ref 和$ref來實現。

1 ref

  ref 被用來給元素或子組件注冊引用信息, 引用信息將會注冊在父組件的 $refs 對象上,如果是在普通的DOM元素上使用,引用指向的就是 DOM 元素,如果是在子組件上,引用就指向組件的實例。

  當在子組件或者DOM元素上寫ref="xxx"時,vm實例上就有了一個$refs屬性,包含了所有注冊過ref的DOM對象

2 $refs

   $refs 是一個對象,持有已注冊過 ref 的所有的子組件。

  因此可以通過this.$refs.xxx.屬性名(style,attr...)從而達到在vue中操作DOM元素的目的了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM