javascript - 尝试向 View 调用常量时出错 : the method is not defined

Question

谢谢你给我的帮助...
我试图在 View 中调用一个常量，因为它应该返回一个值。在这种情况下，在方法中，有一个函数可以返回一个字符串。那以后我会派他去另一个景点接他的电话。
我认为我调用了 2 次，因为我尝试打印 2 个带有不同信息的轮播。

<app-carousel v-if="trendingMovies" :title="$t('home.new_movies')" :view-all-url="MoviesUrl" :data="trendingMovies"></app-carousel>
<app-carousel v-if="trendingSeries" :title="$t('home.new_tv_series')" :view-all-url="SeriesUrl" :data="trendingSeries"></app-carousel>

在导出默认值中，我有这个:

async asyncData () {
  try {
    const trendingMovies = await this.treding('movies');
    const trendingSeries = await this.treding('series');

    return { trendingMovies, trendingSeries };
  } catch {
    console.log(404);
  }
},


methods: {
  async treding(media) {
    let { data } = await axios.get('/api/v1/get/type/' + media);
    return await data.list;
  },
}

我要做的是将其各自的字符串存储在每个常量中，然后将其传递给轮播 View 。
问题是我总是在 <app-carousel> 中收到以下错误。标签。

Answer 1

您可以尝试使用以下方法重构 asyncData:

async asyncData () {
  let trendingMovies = null;
  let trendingSeries = null;
  try {
    trendingMovies = await this.treding('movies');
    trendingSeries = await this.treding('series');
  } catch {
    console.log(404);
  }
  return { trendingMovies, trendingSeries };
},

这样，它可以确保 asyncData 始终返回正确的数据对象。