Vue DOM要素スタイルを取得&スタイル変更

vueでdocumentでdomノードを取得してノードスタイルを変更すると'style'is not defindeのエラーが発生する可能性があります.
この場合、mountedで$refsを使用してスタイルを取得し、変更できます.

<span style="color:#000000;">
　　export </span><span style="color:#0000ff;">default</span><span style="color:#000000;"> {
  　　mounted () {
   　　 console.log(</span><span style="color:#0000ff;">this</span><span style="color:#000000;">.$refs.abc.style.cssText)
  　　}
　　}
</span>

    display: block;

       div       ，             :

<span style="color:#000000;">
export </span><span style="color:#0000ff;">default</span><span style="color:#000000;"> {
  mounted () {
　　 let w </span>= window.innerWidth || document.documentElement.clientWidth ||<span style="color:#000000;"> document.body.clientWidth;
　　 let h </span>= window.innerHeight || document.documentElement.clientHeight ||<span style="color:#000000;"> document.body.clientHeight;

    </span><span style="color:#0000ff;">this</span>.$refs.nana.style.height = h +'px'<span style="color:#000000;">;

　　}

}

</span>

転載先:https://www.cnblogs.com/Man-Dream-Necessary/p/6382435.html