nuxtjs中的自定义指令

有没有办法如何在nuxt js中编写自定义指令,这将适用于ssr和前端(甚至仅适用于ssr)？

我在以下文档中尝试过它:https: //nuxtjs.org/api/configuration-render#bundleRenderer

所以我添加了这段代码:

  module.exports = {
      render: {
        bundleRenderer: {
          directives: {
            custom1: function (el, dir) {
              // something ...
            }
          }
        }
      }
    }

到nuxt.config.js

然后我在模板中使用它:

但它不起作用,它只是抛出前端错误

[Vue警告]:无法解析指令:custom1

它甚至在服务器端似乎也没有工作.

谢谢你的建议.