美文网首页
使用vue-preview插件实现缩略图时报错:$preview

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

作者: 尹莫一 | 来源:发表于2018-09-07 10:43 被阅读0次

使用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

      本文链接:https://www.haomeiwen.com/subject/pugqgftx.html