使用vue一个组件vue-directive-image-previewer A Vue.js project for tag img, click img to zoom out to full screen. 安装vue ...

第一种：viewerjs使用介绍(PC、移动端都兼容) 1、先安装依赖 npm install v-viewer --save 2、main.js内引用并注册调用 3、代码中使用xxx.vue 　　methods: { 　　pass ...

用的vue-cli开发的项目，下面是具体实现代码 子组件： 父组件： 效果图： ...

因项目需求（ui框架element-ui），需要实现图片的点击放大，还要能旋转以及上下切换。当时第一反应，element-ui好像没有这样的组件，就想过自己写，但是那个旋转翻页上下切换感觉有点麻烦，不甘心，就在GitHub找找找.........还真找到一个适合vue的插件 ...

代码&资源文件： jq点击图片放大.rar 1、文件 2、html代码 3、效果 鼠标放到图片有个搜索图标，点击后图片放大，跑到网页中间位置，并有灰色底层。 ...

...

HTML代码： CSS布局：imgbig.css js实现： ...