Vue Comboposition APIの設定でエクスポートされた値を使用する

Question

通常の js ファイルのコードは次のとおりです。

デフォルトの非同期関数をエクスポートします。exportData() {
  const {data} = ストアを待つ
      .dispatch('fetchData')

  const {予約} = データ
  const 予約 = 予約.length ? 予約[0]._id : ''

  const イベント = {
    予約ID: 予約
  }

  // 他のメソッドと変数

  戻る {
    ……
  }
}

vue ファイル内:

exportData を './exportData' からインポートします
デフォルトのエクスポート {
  設定（） {
    定数{
      イベントの取得、
      イベントアクティブです、
    } = エクスポートデータ()
    fetchEvents()
  }
}

問題は、vue コンポーネントにおいて、exportData から取得した値が未定義であり、非同期エクスポートの場合、fetchEvents が関数ではないというエラーが表示されます。非同期でなければ正常に動作します。ここでの解決策は何ですか?

Answer 1

fetchEvents メソッドと isEventActive メソッドを関数でラップせずに、計画された js ファイルで宣言してみることができます。 リーリー

としてエクスポートします。 リーリー

今すぐ使用してください

リーリー