如何在nuxtjs中访问asyncData中的自定义Vue道具？

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);

我如何在asyncData内部访问此Vue道具？

Answer 1

很遗憾，您无法按照docs中的说明访问asyncData中的this。但是，您可以尝试像这样在挂接的钩子中调用copy方法：

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