html中代码:
<el-button @click="look" type="text">查看大图</el-button>
<el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="imgList"></el-image-viewer >
JS中代码:
import ElImageViewer from "element-ui/packages/image/src/image-viewer";
export default {
components: { ElImageViewer },
data(){
return{
//查看大图
showViewer:false,
imgList:'图片地址',
}
},
methods:{
//查看
look(){
this.showViewer=true
},
//关闭大图查看
closeViewer(){
this.showViewer=false
},
}
}