vue-preview实现缩略图踩坑记录：Property or method “$preview“ is not defined 用不了、无法修改图片样式

基本配置

1、下载

npm i vue-preview -S　

2、在index.js中引入并安装

import VuePreview from'vue-preview'
Vue.use(VuePreview) 

3、 如果是按照早几年的视频教学方法，会在页面中引入以下标签

<img class="preview-img" v-for="(item, index) in list" :src="item.src" height="100" @click="$preview.open(index, list)" :key="item.src">

然后报错↓。

Property or method “$preview” is not defined 报错

报错详细信息：Property or method “$preview” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components