得到“这个”在 nuxt 插件中？

发布于 2025-01-11 14:27:35 字数 348 浏览 1 评论 0原文

所以你可以在 nuxt 中创建一个插件，如下所示：

const utils = {
  name: utils,
  emmitModel(name, val) {
    const value = Object.assign({}, this.value)
    value[name] = val
    this.$emit('input', value)
  },
}

export default ({ app }, inject) => {
  inject('utils', utils)
}

但是，在上面，'this' 没有定义。如何访问 emmitModel 中的“this”组件上下文？

原文

So you can create a plugin in nuxt like this:

const utils = {
  name: utils,
  emmitModel(name, val) {
    const value = Object.assign({}, this.value)
    value[name] = val
    this.$emit('input', value)
  },
}

export default ({ app }, inject) => {
  inject('utils', utils)
}

However, in the above, 'this' is not defined. How do I access the 'this' component context inside emmitModel?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

只为一人 2025-01-18 14:27:35

假设 this 引用您的 Vue 实例，将您的 utils 对象包装在 Vue 实例中，如下所示：

const utils = new Vue({
  // ..stuff here
})

export default ({ app }, inject) => {
  inject('utils', utils)
}

然后在 Vue 对象中您可以完全使用组件方法、计算方法、数据、并访问VM，utils将作为this.$utils注入nuxt中

Assuming this references your Vue instance, wrap your utils object in a Vue instance, like so:

const utils = new Vue({
  // ..stuff here
})

export default ({ app }, inject) => {
  inject('utils', utils)
}

And then within the Vue object you can fully use component methods, computed, data, and access the VM and utils will be injected in nuxt as this.$utils

回复收藏 0 原文

~没有更多了~