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

Question

I want to use this javascript function to call on every template / layout / page in Nuxt.js (vuejs)

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

on template I want to call it like

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

Answer 1

You can use a global middleware for your Nuxt project.

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

Then, write your function in /middleware/custom-function.js (at the root of your project). Like this, it will run globally.

More details available here: https://nuxtjs.org/docs/2.x/directory-structure/middleware/

Answer 2

You need create a plugin and inject to project.

Look at the documentation: https://nuxtjs.org/docs/2.x/directory-structure/plugins

or

you can use Vue filter .