vue2 点击图片放大预览

可以使用第三方插件vue-preview来实现图片的放大预览。

首先，安装vue-preview插件：

npm install vue-preview --save

然后，在需要使用的组件中引入并注册vue-preview：

import VuePreview from 'vue-preview'

// 注册插件
Vue.use(VuePreview)

最后，在模板中使用vue-preview组件来展示图片：

<vue-preview :slides="slides">
  <img v-for="(item, index) in images" :src="item" :key="index">
</vue-preview>

其中，slides是一个数组，用于配置预览时的参数，例如：

data() {
  return {
    images: ['https://example.com/image1.jpg', 'https://example.com/image2.jpg', 'https://example.com/image3.jpg'],
    slides: [
      {
        src: 'https://example.com/image1.jpg'
      },
      {
        src: 'https://example.com/image2.jpg'
      },
      {
        src: 'https://example.com/image3.jpg'
      }
    ]
  }
}

这样就可以实现点击图片放大预览了。