javascript - vue中使用turn.js

問題描述

在vue組件中使用turnjs,作為翻書的插件.首先在index.html中引入對應的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 }); }); }}

順序引用應該沒問題,但是無法調用到turn函數,控制臺報錯,TypeError: $(...).turn is not a function.請問有人使用過該插件么?是什么原因導致該問題的?該怎么解決類?

問題解答

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

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