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

問(wèn)題分析

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

2、請(qǐng)?jiān)趃ithub中查看該插件的用法，請(qǐng)注意插件的用法是否更新改變。

問(wèn)題解決思路

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

問(wèn)題解決辦法

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

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

更新后的寫(xiě)法

設(shè)置w和h

新建global.css

在main.js中引用global.css

然后點(diǎn)擊圖片，查看效果就完美了

項(xiàng)目截圖