企业网站模板php,百度怎么创建网站,陕西住建执业证书官网,合肥网站建设工作室原文链接在table表格里能够实现#xff0c;点击里面的图片实现大图预览的效果#xff1b;
一、先安装viewer — 使用npm安装
npm install v-viewer --save二、在main.js中引入
import Viewer from v-viewer //点击图片大图预览
import viewerjs/dist/viewer.css
Vue.use(…原文链接在table表格里能够实现点击里面的图片实现大图预览的效果
一、先安装viewer — 使用npm安装
npm install v-viewer --save二、在main.js中引入
import Viewer from v-viewer //点击图片大图预览
import viewerjs/dist/viewer.css
Vue.use(Viewer)
Viewer.setDefaults({ //默认样式可以按需求更改Options: { inline: true, button: true, navbar: true, title: true, toolbar: true, tooltip: true, movable: true, zoomable: true, rotatable: true, scalable: true, transition: true, fullscreen: true, keyboard: true, url: data-source }
})
三、在页面上使用
el-table-column propimgPath label菜品图片 aligncenter header-aligncentertemplate slot-scopescopeviewerimg :srcscope.row.imgPath width60px //viewer/template
/el-table-column
下面是默认选项介绍
