2020-11-09

 <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;
    },
}