使用vue-preview报错Cannot read property 'open' of undefined

运行npm run dev后，能够获得缩略图效果，但是在点击图片时预览失败，控制台错误提示：Cannot read property ‘open‘ of undefined

根据错误提示，意思是不能读取未定义的open属性，但是这里使用open是插件的模板中的啊，应该是插件自带的方法，所以我怀疑是自己插件安装或引用错误，然后检查了一遍，再次运行，还是报同样的错误，故而开始在百度上搜索，不幸的是，在百度上并没有搜到这个错误的解决方法，但幸运的是，搜索到了关于“使用vue-preview插件实现缩略图时报错：$preview is not defined”这个错误的分析，“$preview is not defined”错误的原因是因为vue-preview插件的使用方法已经更新了，要根据不同版本的vue-preview使用对应的模板。我恍然大悟，立刻到GitHub中查询了一下最新的vue-preview，果然使用方法已经更新。

此时问题已经明朗了，在项目中我安装的是最新版本的vue-preview，但是使用模板却是以前的，所以，解决方案无非降级法和升级法。

这里，我使用的是降级的方案，卸载最新版本的vue-preview，重新安装指定版本：npm i vue-preview@^1.0.5 -S，问题解决！