美文网首页
element UI自带的图片预览插件,实现点击按钮预览图片列表

element UI自带的图片预览插件,实现点击按钮预览图片列表

作者: 陶菇凉 | 来源:发表于2021-06-07 12:00 被阅读0次
    <template>
        <div>
            <el-button @click="showViewer=true">预览</el-button>
            <el-image-viewer
                 v-if="showViewer"
                 :on-close="()=>{showViewer=false}"
                 :url-list="imgList" />
        </div>
        </template>
        <script>
        export default {
        name: 'Index',
        components: {
                'el-image-viewer':()=>import('element-ui/packages/image/src/image-viewer')
            },
        data() {
            return {
             showViewer: false,
             imgList:['1.jpg','2.jpg']
            }
        }
    </script>
    

    相关文章

      网友评论

          本文标题:element UI自带的图片预览插件,实现点击按钮预览图片列表

          本文链接:https://www.haomeiwen.com/subject/jukwsltx.html