如何在nuxtjs中使用fancybox

Question

如何在 nuxtjs 中使用 fancybox。在 vuejs 中它工作正常但是当我在 nuxtjs 上使用 fancybox 编写相同的应用程序时它无法正常工作。它只是发送到相应的 link

nuxt.config.js

export default {
...
head: {
...
script: [
      {
        href: "https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js",
        body: true
      },
      {
        href:
          "https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js",
        body: true
      }
    ],
link: [
    ...
      {
        rel: "stylesheet",
        href:
          "https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css"
      },
     ...
    ]
}
...
}

Answer 1

看看https://github.com/mmoollllee/nuxt-starter-template

他们有 fancybox 使用 nuxt 启动模板，您可以跟着一起使用。