使用vue-preview插件实现缩略图时报错:$preview is not defined

使用vue-preview插件实现缩略图时报错:$preview is not defined 如下图所示:

问题分析

1、请查看是否在全局引入该插件或者已经安装该插件。

2、请在github中查看该插件的用法,请注意插件的用法是否更新改变。

问题解决思路

通过上述的分析,在全局已经引入和安装该插件的前提下,查看github中该插件得知(地址:https://github.com/LS1231/vue-preview),该插件已经更新,使用方法已经发生转变,所以要按照 该插件更新的使用方法来进行修改。

问题解决办法

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

2、具体步骤如下图所示:

更新后的写法
设置w和h
新建global.css
在main.js中引用global.css

然后点击图片,查看效果就完美了

项目截图

你可能感兴趣的:(使用vue-preview插件实现缩略图时报错:$preview is not defined)