在页面函数内调用插件函数不起作用

Question

我在 plugins/ 中创建了一个名为 helper.js 的插件，但是当我在另一个函数中调用它时，我的插件函数不起作用，这是我的代码： helper.js

    import Vue from 'vue'
import $ from 'jquery'
import toastr from 'toastr'

Vue.mixin({
  methods: {
    test () {
      alert('test is called correctly')
    }
  }
})

页面/index.vue代码：

mounted () {
/** Create the cartesian option for products variants **/
const classname = document.getElementsByClassName('main-input')
// call the cartesian function from plugins/helper.js and listen to each .maini-input class on change

const myFunction = function () {
  this.test()
}
for (let i = 0; i < classname.length; i++) {
  classname[i].addEventListener('keyup', myFunction)
 }
}

Answer 1

您是否将您的插件注册到nuxt.config.js文件中？

export default {
  ...
  plugins: [
    '~/plugins/helpers.js'
  ]
}

https://nuxtjs.org/guide/plugins