如何在Nuxt js中全局调用自定义javascript函数

Question

我想使用这个javascript函数来调用Nuxt.js(vuejs(中的每个模板/布局/页面

function setBoolean(val) {
if (val) {
return 1
}
return 0
}

在模板上，我想把它称为

methods: {
getValue() {
this.value = setBoolean(false)
}
}

Answer 1

您可以为Nuxt项目使用全局middleware。

// nuxt.config.js
export default {
router: {
middleware: ['custom-function']
}
}

然后，在/middleware/custom-function.js中(在项目的根目录下(编写函数。像这样，它将在全球范围内运行。

此处提供更多详细信息：https://nuxtjs.org/docs/2.x/directory-structure/middleware/

Answer 2

您需要创建一个插件并注入到项目中。

查看文档：https://nuxtjs.org/docs/2.x/directory-structure/plugins

或

你可以使用Vue过滤器。