Vue中的放大镜图像缩放效果–vue-magnifier

Vue中的放大镜图像缩放效果–vue-magnifier
插件名称 vue-magnifier
发布时间 2020年10月3日
插件作者 zeknoss

放大镜是Vue.js图像缩放组件,可将放大镜效果应用于任何图像。

基本用法:

1.导入放大镜组件。

import VueMagnifier from "@/components/vue-magnifier";
// or
<script src="/path/to/js/vue-magnifier.js"></script>
<link rel="stylesheet" href="/path/to/css/vue-magnifier.css" media="screen" />

2.将组件添加到页面。

<vue-magnifier 
  src="/path/to/small.jpg" 
  src-large="/path/to/large.jpg">
</vue-magnifier>
export default {
  name: 'App',
  components: {
      VueMagnifier
  }
}