element-ui 自定义弹框,加入图片
来源:互联网 发布:揭阳淘宝村在哪里 编辑:程序博客网 时间:2024/06/08 02:10
element
组件库里面有弹框组件。
实际项目中需要用到弹框。需求是在弹框的div
里面放入一张图片。
用到的是element
弹框组件的最后一个。自定义弹框组件
const h = this.$createElement;
官方的js里面是先创建一个类似div
的容器元素。
message: h('p', null, [ h('span', null, '内容可以是 '), h('i', { style: 'color: teal' }, 'VNode')]),
然后容器元素中又可以自定义一些标签,比如包含了p
标签,span
标签和i
标签。
由于我们的需求是加入一张图片。那么也需要插入一个img
标签
h('img',{style:''})
style 里面写入样式,加上宽、高,还可以设置背景图。
最后弹框中的图片在谷歌浏览器上展示正常,但是在火狐浏览器上挂掉。火狐浏览器中审查元素中,图片已经进来了。但是没有渲染出来。
阅读全文
0 0
- element-ui 自定义弹框,加入图片
- element-ui 表单自定义规则
- Element UI 自定义正则表达式验证
- element UI 模态层dialog自定义大小
- element UI+七牛云快速搭建图片服务器
- Unity3D在UI中加入Image图片
- element UI
- element-ui
- 关于将自定义图片加入uinavigation
- 使用SVProgressHUD时加入自定义Gif图片
- vue日期选择器自定义时间校验-使用element-ui实现
- element-ui的输入框总结
- element-ui input框 动态更改placeholder
- (四)自定义场景类中加入图片作为sprite
- 加入图片
- Element-UI使用指南
- element ui实际操作
- Selenium UI-Element Reference
- 【读书笔记】数理统计学教程 (一)
- python 对以空行作为分割的块文件进行读取的方法
- 关于Mongodb的全面总结
- PHP 死锁问题分析
- 在树莓派上使用GPS模块
- element-ui 自定义弹框,加入图片
- ubuntu安装完要做的工作
- MapReduce的优化
- 微信V3支付(避免重复进入这个坑)
- Ubuntu16.04默认安装了Python2和Python3的版本
- Python的MapReduce调用及多输入文件的使用(统计url的点击量)
- 制作大型MMO项目中的相机视角操作
- 设计模式之工厂模式VS抽象工厂模式
- ASP.NET MVC 5