[解決済み] 計算されたプロパティで $refs を使用する

質問

どのようにすれば $refs にアクセスするには？computedプロパティが最初に実行されたときは常に未定義です。

どのように解決するのですか？

私はどこにも満足のいく答えを見つけることができなかったので、ここで私自身の質問に答えるつもりです。時には、いくつかの計算を行うためにdom要素にアクセスする必要があります。これが他の人に役立つことを願っています。

私は、コンポーネントがマウントされると、計算されたプロパティを更新するためにVueをトリックしなければなりませんでした。

Vue.component('my-component', {
  data(){
    return {
      isMounted: false
    }
  },
  computed:{
    property(){
      if(!this.isMounted)
        return;
      // this.$refs is available
    }
  },
  mounted(){
    this.isMounted = true;
  }
})