<el-button style="color:#666" icon="el-icon-postcard" type="text" @click="handleClick(scope.row.appends)">查看附件</el-button>
<el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="[appends]" />
__________________
import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
components: { ElImageViewer },
data() {
return {
appends: [],
showViewer: false,
}
},
methods: {
handleClick(appends) {
this.showViewer = true;
this.appends = appends;
},
closeViewer() {
this.showViewer = false;
},
}
网友评论