[英]I want to use bxslider in nuxt.js. (vue.js)
開發為nuxt.js。 我想實現一個滑塊。 我想使用bxslider。
來自nuxt.config.js
head: {
script: [
{type: 'text / javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'},
{type: 'text / javascript', src: 'https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.js'},
],
link: [
{rel: 'stylesheet', type: 'text / css', href: '//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.css'},
],
}
我叫bxslider。
在vue組件中,
mounted () {
$('.bxslider').bxSlider()
}
發生以下錯誤。
[Vue警告]:掛接鈎中出現錯誤:“ TypeError:$(...)。BxSlider不是函數”
TypeError:$(...)。 BxSlider不是函數
有辦法解決嗎?
看看文檔https://nuxtjs.org/examples/plugins
在nuxt.config.js
文件中
module.exports = {
build: {
vendor: ['bxslider']
},
plugins: [
// ssr: false to only include it on client-side
{ src: '~/plugins/bxslider.js', ssr: false }
]
}
並在plugins文件夾中創建bxslider.js
文件並執行以下操作
import Vue from 'vue'
import bxslider from 'bxslider'
Vue.use(bxslider)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.