問(wèn)題描述

在vue組件中使用turnjs,作為翻書的插件.首先在index.html中引入對(duì)應(yīng)的jquery,然后在組件中按如下方式:

import turn from ’jsPath/lib/turn.min’export default { mounted() { this.$nextTick(() => { $(’.flipbook’).turn({width: 922,height: 600,elevation: 50,gradients: true,autoCenter: true }); }); }}

順序引用應(yīng)該沒問(wèn)題,但是無(wú)法調(diào)用到turn函數(shù),控制臺(tái)報(bào)錯(cuò),TypeError: $(...).turn is not a function.請(qǐng)問(wèn)有人使用過(guò)該插件么?是什么原因?qū)е略搯?wèn)題的?該怎么解決類?

問(wèn)題解答

估計(jì)是你引用jquery導(dǎo)致的，之前我引用jquery的第三方插件也出現(xiàn)過(guò)類似的問(wèn)題。全局暴露jquery嘗試一下。main.js中：

import jquery from ’jquery’;global.jquery = global.$ = jquery;