vue.js - 如何在 nuxtjs 中使用 fancybox

Question

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

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

他们有使用 nuxt 启动模板的 fancybox，您可以按照该模板进行操作。