vue-piczoom放大镜插件

1.下载依赖

 npm install vue-piczoom --save   

2.引入使用

注意事项

组件默认是100%的高宽，所以建议将组件包含在一个有固定高宽的容器内

<template>  
  <a-card>
    <div style="width: 200px;height: 200px;">
      <PicZoom :url="imagesdL" :scale="3"></PicZoom>
    </div>
  </a-card>
</template>

import PicZoom from "vue-piczoom";

export default {
  components: {
    PicZoom
  },
}

3.配置