elementui图片预览组件通过按钮控制展示

<ElImageViewer v-if="showImagePreview" :url-list="srcList" hide-on-click-modal teleported
                :on-close="closePreview" style="z-index: 3000" />
<script>
import ElImageViewer from "element-ui/packages/image/src/image-viewer";
export default {
    components: {
        ElImageViewer
    },
    data() {
        return {
            showImagePreview: false,
            srcList: [
                'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
            ]
        }
    },
    computed: {},
    creatd() {

    },
    mountd() {

    },
    methods: {
        showPreview(){
            this.showImagePreview = true
        },
        closePreview(){
            this.showImagePreview = false
        }
    }
}
</script>