在一个组件页面中需要有一个弹窗,为了代码简洁我把弹窗封装成一个组件方便重复调用 描述大致是一个父组件,里面有一个按钮还有一个子组件(弹窗),点击按钮让弹窗出来,弹窗自带的有关闭功能,点击关闭以后再点击父组件的按钮需要可以继续弹出来 本来我是初始化给子组件弹窗绑定一个false,点击按钮改变 ...
dialog组件为弹窗,我之前有个需求是,点击图片查看大图,虽然可以直接img组件可以使用,但是有点不太符合需求,所以我就用这个来使用 当用el image标签来触发dialog的时候,body元素上会自动给你增加一个overflow:hidden的属性,就是页面就不让你动了,如果你是需要下滑页面的话就很难受 这个时候,需要把这个属性删除掉或者覆盖掉,我用 important没有效果,后来就直接用 ...
2019-12-25 09:20 0 1910 推荐指数:
在一个组件页面中需要有一个弹窗,为了代码简洁我把弹窗封装成一个组件方便重复调用 描述大致是一个父组件,里面有一个按钮还有一个子组件(弹窗),点击按钮让弹窗出来,弹窗自带的有关闭功能,点击关闭以后再点击父组件的按钮需要可以继续弹出来 本来我是初始化给子组件弹窗绑定一个false,点击按钮改变 ...
1.滚动条消失,body中莫名出现行内样式overflow: hidden; 在做某个图片上传,显示功能出现的问题.控制台并没有报错,代码也并无相关操作 必须重新刷新页面之后滚动条才会显示出来 几天后才发现是内置图片组件 <el-image> 的问题,只要点击图片组件 < ...
先上效果图: 用户点击到文本框内即可查看Guss的详情 这是el-dialog里面套着一个el-dialog,我去年写过一篇博客是使用ifame标签来实现el-dialog里面嵌套一个div的,随着开发经验增加。。。发现用组件化即可很完美的解决dialog里面嵌套 ...
今天记录一下日常开发过程中使用elementui的toolTip组件所踩到的坑。 问题描述: 在table表格当中使用tooTip,我们知道elementui提供了一个属性。 但是在使用过程中,当内容过多时,有时候会导致浏览器的窗口不停的抖动 ...
业务背景: 地址选择,四级联动,可选任意一级,支持懒加载,双击选择 主要代码如下 如上图有以下问题1. Cascader自带样式不符合需 ...
晚上做了一个页面,想要的效果是一个表格里每一行数据点击最后一列操作按钮可以点击打开弹窗,显示这一行数据的详情信息。 根据需求,为了简化代码决定用父子组件,将dialog封装成子组件在表格里使用。 1、一开始正常逻辑,将决定弹窗开关的visible值放在子组件,以及子组件页面数据请求编写,利用 ...
1、Dialog组件重新渲染 两种方法: (1)设置key,强制组件重新渲染 a、直接在key上绑定new Date().getTime() b、可以把key绑定到一个data上,但一定要在事件中修改data,否则无效 HTML部分 data部分 ...
需求:在页面的代码太多,想把弹窗代码提取为子组件,复用也方便。 这里涉及到弹窗el-dialog的一个属性show-close: show-close="false"是设置不显示关闭按钮,因为弹窗显示状态值(:visible.sync)是从父组件传递 ...