美文网首页
使用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