VUE $、参考文献と$エルさんを使って

REF基準要素又はサブアセンブリの登録情報に使用されています

refは3つの用途があります
  ... 1を、refは(参照値)は、この$引用文献を取得し、共通の要素に適用されるDOM要素であり、

  図2に示すように、refはサブアセンブリ、これにより取得された。$参考文献(文献値)に適用され、コンポーネントのインスタンスであるすべてのメソッドを使用することができます。この直接法を使用する場合。$参考文献(文献値)。()メソッドを使用することができます

  3、および使用方法をV字ためREFセットまたはノードDOMの配列を得ます

 

  V-のための参照を横断することによって異なる追加したい場合は残業を覚え  :すなわち、数  :ref =某变量 ;

 

  これと他の属性、あなたは固定値プラス必要がない場合  :には、変数を加えた覚えのであれば、番号を  :番号を。(コロン、後者は変数または式であることを示す、コロンは、対応する文字列定数(文字列)の背後ではありません

 

これは、あるピットを注意する必要があります。

使用中のレンダリングが完了したことを確認するために、1のときには、refは、DOM、DOMにレンダリングする前に完了する必要があります。例えば、(){}フックコールのライフサイクルが実装、またはこの。$ NextTickコール(()=> {})です。

図2は、アウトrefが環状である場合、同じ名前が複数存在する場合、REF値は、REFだけ単一サイクルを得るために、アレイ、今回あります

 

 

 

VM。$

VUEは、イン​​スタンスに関連付けられたDOM要素を得ます。

 

レッツは、私がここにカスタムコンポーネントのTabControlを取得し、それをOffsetTop取得したいと言います。私たちは、コンポーネントを取得する必要があります。

組立性のREF内に配置された=「名前(tabControl2)」、 

そして、  この。$ Refs.tabControl2は、      アセンブリを得ました 

注意:REFプロパティを、$ REFを使用する時間を取得するために、コンポーネント間、

 

取得OffsetTop、コンポーネントがDOM要素ではありません、何OffsetTopはポイント.OffsetTopに介して取得することはできませんありません。私たちは$ ELで組み立てDOM要素を取得する必要があります

 

 

 

おすすめ

転載: www.cnblogs.com/hope192168/p/11966104.html