Вызовите функцию mixin из метода asyncData () компонента страницы с Nuxt.js - PullRequest
Новая
       96

Вызовите функцию mixin из метода asyncData () компонента страницы с Nuxt.js

0 голосов
/ 18 марта 2019

Можно ли вызвать функцию mixin из метода asyncData() компонента страницы с Nuxt.js?

Мой код: 

<template>
  ...
</template>
<script>
   import api from "@/plugins/api/api.js"

   ...

   export default {

      ...

      async asyncData(context) {
          ...
          context.apiMethodName()
          ...
      }

      ...
   }

   ...
</script>

api.js

import Vue from 'vue'
import API from '@/assets/js/api'

Vue.mixin({
  methods: {
    apiMethodName() { ... }
  }
})

1 Ответ

1 голос
/ 19 марта 2019

Вы не можете вызывать методы vue, не используя asyncData, потому что asyncData, выполненный до того, как vue имеет экземпляр.

Вы можете извлечь метод в простую функцию js и вызвать его как в asyncData, так и в вашем методе vue, но имейте в виду, что в asyncData вы не сможете получить доступ к свойствам экземпляра vue и другим методам

...