問題描述

在vue組件中使用turnjs,作為翻書的插件.首先在index.html中引入對應(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)該沒問題,但是無法調(diào)用到turn函數(shù),控制臺報錯,TypeError: $(...).turn is not a function.請問有人使用過該插件么?是什么原因?qū)е略搯栴}的?該怎么解決類?

問題解答

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

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