Как получить доступ к пользовательским реквизитам Vue внутри asyncData в nuxt js?

Question

У меня есть пользовательская функция в моем проекте, которая используется как плагин

import Vue from 'vue'

function copyText(text) {
    var input = document.createElement('input');
    input.setAttribute('value', text);
    document.body.appendChild(input);
    input.select();
    var result = document.execCommand('copy');
    document.body.removeChild(input);
    return result;
}

Vue.prototype.$copyText = (text) => copyText(text);

Как я могу получить доступ к этой vue опоре внутри asyncData?

Answer 1

У вас нет доступа к экземпляру компонента через this внутри asyncData, потому что он вызывается до запуска компонента.

Источник: https://nuxtjs.org/api/

Answer 2

К сожалению, вы не можете получить доступ к этому в asyncData, как указано в документах . Однако вы можете попробовать вызвать метод копирования в смонтированном хуке так:

export default {
  mounted() {
    this.$copyText("some text");
  }
}