如何在nuxtjs中使用fancybox

问题描述

如何在nuxtjs中使用fancybox。在vuejs中，它可以正常工作，但是当我在fuxbox上的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"
      },...
    ]
}
...
}

解决方法

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

他们有一个使用 nuxt 启动模板的fancybox，你可以跟着使用。