element点击查看大图

cnblog
2020-07-29
前端
围观

<template>
    <div>
        <el-button @click="onPreview">预览</el-button>
        <el-image-viewer 
                     v-if="showViewer" 
                     :on-close="closeViewer" 
                     :url-list="[url]" />
    </div>
</template>
<script>
    // 导入组件
    import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
    
    export default {
      name: 'Index',
      components: { ElImageViewer },
      data() {
        return {
          showViewer: false, 
          url:'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
        }
      },
      methods: {
        onPreview() {
          this.showViewer = true
        },
        // 关闭查看器
        closeViewer() {
          this.showViewer = false
        }
    }
</script>

本文转载自：https://blog.csdn.net/qq_39856705/article/details/106786196

上一篇： wangEditor.js ie9报错最新版
下一篇： uniapp 自定义导航栏

如果你觉得作者很棒，可以通过扫码支付打赏哦！
- 微信打赏
- 支付宝打赏

相关推荐

uni-app 路由页面跳转

uni-app 路由页面跳转,页面跳转有5种方式，都能用到。

admin 2019-04-10 2116人阅读
js ie9判断

js ie9判断

admin 2020-04-10 33人阅读
uni-app框架推荐

跨多个平台，让前端不用那么复杂的编程，还是不错的框架，然后推荐给大家。

admin 2019-01-20 146人阅读
任务刷新

任务刷新

admin 2019-10-06 50人阅读
axios请求服务器500

axios发送Cookie

YANG 2019-04-08 249人阅读
uni-app添加顶部导航栏图标

uni-app添加顶部导航栏图标,自己也遇到了坑。

admin 2019-04-15 594人阅读
从零玩转JavaScript

1.零编程基础想要进入编程行业学员 2.对前端开发、全栈开发感兴趣人员 3.其它技术想要转大前端开发人员

admin 2019-01-05 130人阅读
vue 时间封装和调用

vue 时间封装和调用,调用起来非常简单。

admin 2019-03-24 145人阅读
Vue项目兼容IE的placeholder

Vue项目兼容IE的placeholder

admin 2020-04-18 85人阅读
SEO 顶级技术分析，让个人博客录取更加快速。

我是一个全栈爱好者，平常喜欢研究一下小玩意，没事到处去学习一下技术，多学一点，就少写一行代码。

admin 2019-08-03 81人阅读
plupload.js 图片上传预览

plupload.js 图片上传预览

admin 2019-12-31 67人阅读
帝国CMS判断会员是否登录及登录后才能看到内容

帝国CMS判断会员是否登录及登录后才能看到内容

admin 2019-09-17 150人阅读
前端学习网站

前端学习网站

admin 2019-09-23 108人阅读
帝国cms 会员登录获取头像

帝国cms 会员登录获取头像

admin 2019-08-16 166人阅读
wangEditor.js ie9报错最新版

wangEditor.js ie9报错最新版

admin 2020-08-06 17人阅读
asdas

asd

admin 2019-06-14 79人阅读
代码高亮

代码高亮，有太多了。

admin 2019-07-02 92人阅读
帝国cms首页调用已注册会员人数和最新会员名称

帝国cms首页调用已注册会员人数和最新会员名称

admin 2019-09-10 139人阅读
帝国cms本月热点排行之类的sql标签

帝国cms本月热点排行之类的sql标签

admin 2019-09-10 133人阅读
input placeholder 属性字体颜色修改。

input placeholder 属性字体颜色修改。

admin 2019-06-30 151人阅读
js 手机图片放大和缩小

js 手机图片放大和缩小,用

admin 2019-07-21 97人阅读
electron安装+运行+打包成桌面应用+打包成安装文件

cnblog 2020-09-28 29人阅读
uniapp请求封装

uniapp，请求封装，接口分离，方便修改和维护。

admin 2019-04-03 19898人阅读
Flex 布局教程：语法篇

Flex 布局教程:实分类: 开发者手册 Flex 布局教程:语法篇，这个详细的讲解了flex,弹性盒子，还是不错的。

admin 2019-01-04 116人阅读
uniApp 画布出现的问题【总结】

uniApp 画布出现的问题【总结】

admin 2019-04-25 219人阅读
HTML5视频教程

HTML5 是下一代的 HTML。本教程向您讲解 HTML5 中的新特性。每一章中的实例通过我们的 HTML 编辑器,您能够编辑 HTML,然后点击按钮来查看结果。

admin 2018-12-30 97人阅读
JavaScript数组去重（12种方法）

JavaScript数组去重（12种方法）

admin 2019-10-16 47人阅读
css 点击a链接字体颜色改变

css 点击a链接字体颜色改变

admin 2019-10-02 111人阅读
js获取元素中的所有图像

js获取元素中的所有图像

admin 2020-03-11 28人阅读
win10 关闭系统更新

win10 关闭系统更新

admin 2019-06-02 84人阅读
html5标签兼容

因为只有IE8及其以前的版本需要处理，那在其他的浏览器下就是不太需要的操作，最大就是兼容性，在IE8及其以前是不支持h5的，并且会将其解析为行间元素

admin 2019-08-03 91人阅读
IIS设置一级域名跳转到二级域名

IIS设置一级域名跳转到二级域名，找了半天，才找到解决方案。

admin 2019-01-20 406人阅读
Mysql设置表字段不能重复

Mysql设置表字段不能重复,双重验证设置。

admin 2019-01-28 96人阅读
uni-app视频教程和资料

今天我给大家找uni-app的视频，希望大家可以一起去学习，当然有好的视频还是分享给大家的。

admin 2019-01-23 355人阅读
今天把萌妹子ES6视频都看完了，还不错。

在等接口出来，只能自己看看视频啥的，最近比较懒，啥都没干，天天玩。

admin 2019-04-12 248人阅读
最近还是蛮委屈的

俩个人相处，是怎么样的，我怎么感觉好委屈。

admin 2019-04-07 139人阅读
uni-app 点击图片查看

uni-app 点击图片查看,开始我自己很懵，也不知道该怎么写，实在没办法，只能去官网去看Api,其实是用一个方法可以直接调用,并且可以放大和缩小。

admin 2019-07-21 1238人阅读
vue监听不到旧的数据

vue监听不到旧的数据，监听的到的数据都是一样的，没有旧的，解决办法。

admin 2019-10-04 145人阅读
js -Date获取年月日,方法

js -Date获取年月日,方法

admin 2019-08-08 179人阅读
jsPDF动态签名

jsPDF动态签名

cnblog 2020-11-13 15人阅读
用灵动标签做的友情连接帝国cms教程

用灵动标签做的友情连接帝国cms教程

admin 2019-09-10 75人阅读
vue-cli 后台管理参考【源代码】

vue-cli 后台管理参考【源代码】

admin 2019-09-16 160人阅读
jquery- 图像滑动验证码jQuery插件

jquery- 图像滑动验证码jQuery插件，verify.js是一款功能强大的jquery验证码插件。verify.js可以实现普通的图形验证码，数字验证码，滑动验证码和点选验证码等多种验证码功能。

admin 2019-01-12 259人阅读
字体图标格式转换网站

字体图标格式转换网站

admin 2019-05-26 112人阅读
安装node-sass提示没有vendor目录的解决办法

安装node-sass提示没有vendor目录的解决办法

admin 2020-03-10 56人阅读
React的安装与使用

React的安装与使用,搭建,启动

admin 2019-09-05 100人阅读
css js 兼容查询网站

css js 兼容查询网站

admin 2019-05-21 120人阅读
mui 页面提示：Unable to preventDefault inside passive

点击该事件：页面提示：Unable to preventDefault inside passive

admin 2019-01-13 155人阅读
vue-cli加密组件

vue-cli加密组件，也可以用在uni-app框架里面，这个加密还是不错的，可以对本地存储进行加密。

admin 2019-03-15 362人阅读
在Webstorm中使用Autoprefixer实现CSS自动补全

我们可以用Autoprefixer模块来给css自动补全，实现多浏览器的兼容。

admin 2019-05-25 156人阅读

如果你觉得作者很棒，可以通过扫码支付打赏哦！