如何解决如何在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,你可以跟着使用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。