使用vue-preview插件實現(xiàn)縮略圖時報錯：$preview is not defined 如下圖所示：

問題分析

1、請查看是否在全局引入該插件或者已經(jīng)安裝該插件。

2、請在github中查看該插件的用法，請注意插件的用法是否更新改變。

問題解決思路

通過上述的分析，在全局已經(jīng)引入和安裝該插件的前提下，查看github中該插件得知（地址：https://github.com/LS1231/vue-preview），該插件已經(jīng)更新，使用方法已經(jīng)發(fā)生轉(zhuǎn)變，所以要按照 該插件更新的使用方法來進行修改。

問題解決辦法

1、按照github上的例子進行更改。(https://github.com/LS1231/vue-preview)

2、具體步驟如下圖所示：

更新后的寫法

設(shè)置w和h

新建global.css

在main.js中引用global.css

然后點擊圖片，查看效果就完美了

項目截圖