1、 powerShell 下载 npm install ht-image-zoomer
2、 import ImgZoom from 'ht-image-zoomer'; 引入
3、 export default {
name: 'ByscDetail',
components: {
ImgZoom // 注册
},
data(){
return {
imgsList:'https://img-home.csdnimg.cn/images/20201124032511.png'
}
}
4、 <img-zoom class="zoomIMg" :src="imgsList" alt="" /> // 标签使用
npm install ht-image-zoomer 电商详情页放大镜功能 vue篇
于 2022-02-17 23:40:26 首次发布