搜狗网站收录入口,建站 网站程序,wordpress4.9教程pdf,网络营销五个特点今天做一个点击文字查看图片的功能#xff0c;大体页面长这样子#xff0c;点击查看显示对应的图片
引入el-image-viewer#xff0c;点击的文字时候设置图片预览组件显示并传入图片的地址
关键代码 el-link v-ifscope.row.fileList.length 0 type大体页面长这样子点击查看显示对应的图片
引入el-image-viewer点击的文字时候设置图片预览组件显示并传入图片的地址
关键代码 el-link v-ifscope.row.fileList.length 0 typeprimary clickhandleClickImage(scope.row) :underlinefalse查看/el-linkel-image-viewer v-ifimageShow :on-close() { imageShow false; } :url-listimageList / components: {el-image-viewer: () import(element-ui/packages/image/src/image-viewer)},data() {return {imageShow: false,imageList: []};},methods: {handleClickImage(e) {this.imageShow truelet urls e.fileList.map(obj obj.url);this.imageList urls;},
}
