el-dialog

记录element bug issuei：el-dialog的close事件有bug：导致回调方法被执行了两次

el-dialog的close事件有bug：导致回调方法被执行了两次目前最新版本2.13.2依旧存在这个问题!
Bidding.·2020-08-13 12:05

vue element 的el-dialog弹框不刷新，插入组件不刷新

vue的爬坑之路之前做项目的时候作为小白的我在使用element-ui的弹框el-dialog的时候弹框里面插入的是一个组件，因为是组件的问题导致每次点击弹框的时候页面组件里面的值没有进行刷新。
迟道仙·2020-08-11 05:00

Vue 中嵌入 iframe 并进行双向通信的完整流程

背景Vue应用中，需要使用el-dialog弹出一个iframe页面，该页面来源于其他项目，这就要解决Vue父页面和iframe子页面的两个通信问题：Vue父页面向iframe子页面传递初始化数据子页面的关闭按钮
毕小宝·2020-08-11 05:06

vue 对话框组件el-dialog标题修改及插槽的使用

点击打开Dialog需要注意的是内容是默认不居中的//此处插槽会替换标题栏的内容这是标题这是一段信息//此处插槽会替换按钮操作区的内容取消确定exportdefault{data(){return{centerDialogVisible:false};}};
青冘·2020-08-09 23:00

IE浏览器中element的对话框显示不完全

1在IE浏览器中，el-dialog的祖先级元素同时设置了border-radius和overflow：hidden，border-radius和overflow设置到不同元素上即可完整弹出弹框。
檀小泡泡·2020-08-09 15:06

vue+element项目中使用el-dialog弹出Tree控件报错问题

1.按正常的点击按钮,显示dialog弹出的Tree控件,然后把该条数据下的已经选中的checkbox,用setCheckedNodes或者setCheckedKeys方法选择上,报下面这个错的原因是出在setCheckedNodes(setCheckedKeys)方法这里,导致可以弹出Tree控件但是已选择的checkbox没有选中(点击两次就会选中~~)vue.runtime.esm.js:5
banjiaying9250·2020-08-09 07:15

element ui 饿了么UI中el-dialog样式修改问题

最近在使用element-ui时，使用到了弹窗组件：element-ui官网链接地址：element-ui官网链接地址类似于以下代码：这是一段信息取消确定我在使用过程中，发现弹窗行间样式不是我想要的，但是通过定义classname,然后在进行样式的更改不起作用，由于权重的问题，在样式后面添加!important无穷权重也是不可以。解决方法就是：去掉底部样式中的scoped,然后再进行页面级样式的更
yehaocheng520·2020-08-09 03:17

el-dialog 弹窗获取里面子组件（异常问题）

代码：问题：通过this.$refs.hwmxdialog拿不到子组件console.log(this.$refs.hwmxdialog);//undefined解决方法：this.$nextTick(()=>console.log(this.$refs.hwmxdialog));nextTick文档：https://cn.vuejs.org/v2/api/#Vue-nextTick类似问题文档：
雪梅零落·2020-08-09 03:54

vue中element-ui新增/更新弹框复用，在close时表单重置失败

问题描述：在el-dialog的close关闭事件中，使用了element-ui中表单重置方法this.
在奔跑中寻找·2020-08-09 01:35

解决element-ui对话框el-dialog初始化的校验问题

不刷新页面重新打开el-dialog时，如果我们绑定了rules或者某个值需要required，它总会自动校验。
TVM·2020-08-09 01:22

踩坑：Element-ui中el-dialog组件显示时有蒙层（遮罩层）怎么破？

到底是什么问题？没错就是这样，就像上图一样，上传完图片需要预览时，图片被蒙层遮罩住了。下面是整个组件的代码：图片上传、预览、删除，组件方法可以直接去Element-ui官方文档查看。methods:{handlePictureCardPreview(file){this.dialogImageUrl=file.urlthis.dialogVisible=true},handleRemove(fil
椰卤工程师·2020-08-09 01:54

el-dialog 显示和隐藏

//vue.js代码data(){return{tableData:[],value:"",options:[{value:1,text:"已审核"},{value:2,text:"审核中"},{value:3,text:"未审核"}],addformVisable:false//隐藏窗体};},methods:{add:function(){this.addformVisable=true;显示
代小二啊·2020-08-09 01:12

Elementui el-dialog 组件我又学会了一种新的用法

1.新建弹窗Form.vue文件将visible属性设置为true{{form.dicEntpollutanttypeStr}}-->{{form.pollutantname}}{{form.concentration}}{{form.produceamount}}{{form.environmentcontroldecrement}}{{form.emission}}保存取消关闭2.定义关闭弹窗
weixin_34365417·2020-08-09 00:18

覆盖（优化效果）el-dialog 的显示隐藏动画

element-uidialog本身的动画效果基本就是没动画效果（摊手）原来的弹窗动画优化后的动画只需加入以下这段css代码，非常简单.el-dialog__wrapper{transition-duration:0.3s;}.dialog-fade-enter-active{animation:none!important;}.dialog-fade-leave-active{transitio
weixin_34245749·2020-08-09 00:34

element-ui 的Dialog被蒙板遮住原因及解决办法

解决办法很简单，查看element的官方文档在el-dialog标签里添加下面两行代码的任意一行：:modal-append-t
weixin_34239592·2020-08-09 00:02

vue组件el-dialog重新执行mounted方法的技巧

该组件只在页面加载中，加载一次，后面不会再加载了，如el-dialog,解决办法如下，在el-dialog外再加一层div.示例代码如下：..div中以v-if来控制组件el-dialog的出现与否,每次弹出
weixin_33976072·2020-08-09 00:48

element-ui 可拖拽对话框dialog

oldVnode){constdialogHeaderEl=el.querySelector('.el-dialog__header');constdragDom=el.querySelector('.el-dialog
weixin_30613433·2020-08-08 23:35

Element UI 弹窗（Dialog）改成自适应高度，仅body内容部分滚动

定义样式如下：.abow_dialog{display:flex;justify-content:center;align-items:Center;overflow:hidden;.el-dialog
tomabow·2020-08-08 22:25

Element,el-dialog弹出层拖拽及拉伸、双击全屏

复制以下代码就可使用importVuefrom'vue';/**使用方法*将以下代码复制到一个js文件中，然后在入口文件main.js中import引入即可；*给elementUI的dialog上加上v-dialogDrag指令就可以实现弹窗的全屏和拉伸了。*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果是form表单，不要将提交等按钮
Q-u-a-n·2020-08-08 21:55

实现在vue中element-ui的el-dialog弹框拖拽

1、在utils中新建directives.js文件importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector('.el-dialog__header')constdragDom=el.que
阿伦gh·2020-08-08 21:22

使用element-ui的弹出窗口时，由于滚动条造成的页面闪动问题

问题：在使用element-ui的el-dialog时，由于遮罩层的出现，导致页面的滚动条隐藏，从而使页面出现闪动的效果。
日落KK·2020-08-08 20:15

Vue：Element-UI 弹出窗口el-dialog使用iframe加载外部页面内容

想要实现如下效果在页面中点击链接，弹出窗口，窗口中加载指定的页面内容1.vue文件内容html部分的代码主要链接取消确定js部分的代码exportdefault{name:"indexJK",data(){return{name:"indexJK",dialogVisible:false,//弹出框};},methods:{test(){this.dialogVisible=true;}}};2.
奋斗鱼·2020-08-08 20:49

vue+elementui进行弹出框dialog的锁定操作

ElementUI+Vue在使用el-dialog时，在弹出dialog时，点击框框以外的空白部分就直接给关闭了。
小抠的菜鸟之路·2020-08-08 20:08

element-ui的el-form验证和el-dialog关闭时清除验证

在这里插入代码片//关闭弹窗closeDialog(formRule){this.$refs[formRule].resetFields()},
qq_45284875·2020-08-08 20:04

el-dialog 中使用 el-select,el-checkbox, 选择的时页面闪烁根本问题，操作时闪现

如果你对el-dialog做了这样的优化.el-dialog{display:flex;flex-direction:column;margin:0!
栗鼠_抚殇·2020-08-08 20:28

vue + elementUi el-dialog中引入vue页面 在父页面访问el-dialog引入页面的方法

遇到一个这样的问题，实际页面中用到dialog，并且引入了其他页面，当然这里用的vue+elementUI如果想要引入页面在弹框每次弹出时进行初始化，如图：但是dialog中子页面只会在父页面加载完后，第一次点击事件时初始化，如果关闭，在打开，实际中页面是存在的，只是隐藏研究了好久，最初想到是用vue$refs实现,在子页面添加init方法发现vm.$refs.方法输出undifined,参考ht
❀溜溜·2020-08-08 20:57

element 的el-dialog 浮层嵌套，第二次弹出的会被遮住

困扰了很久的一个问题，就是用element-ui的浮层组件进行浮层嵌套时候，当子浮层关闭时，父级浮层上面会有一层灰色遮罩层当关闭子级浮层后，父级浮层上面会有一层灰色蒙层解决方式：父级浮层设置:modal-append-to-body="false"属性，同时在子级浮层设置:modal-append-to-body="true"append-to-body属性Element组件之【Dialog对话框
海盗强·2020-08-08 19:40

elementUI弹框form多元素表单问题 - 抛砖篇

疑问3：使用el-dialog组件如何调用？通过上述实践，总结发现还是使用el-dialog组件，比较坑少，直接，出效率！
草巾冒小子·2020-08-08 19:33

【积累】Element-ui，el-dialog里面嵌入el-form，resetFields失效问题

记一次element-ui，el-dialog里面嵌入el-form，使用resetFields方法初始化表单失效，问题记录：前提：当el-form在一个el-dialog中，dialog显示与否绑定变量
城不李志。·2020-08-08 19:00

element Vue 不同按钮控制同一个 el-dialog 弹窗的 title 动态显示内容

1.定义一个变量dailogTitleType2.返回一个空的变量exportdefault{ data(){  return{   dialogTitleType:''  } }}3.在对应按钮的onclik方法里加入dialogTitleType变量的默认值添加图片编辑 //点击新增按钮触发函数 handleAdd:function(index,row){  this.dailogTitleT
chicheese·2020-08-08 19:22

利用vue自定义指令directive实现拖动elementUI的dialog

/获取拖拽内容头部constdialogHeaderEl=el.querySelector('.el-dialog__header');constdragDom=el.querySelector('.el-dialog
爱伦。·2020-08-08 19:05

Element,el-dialog弹出层拖拽，处理边界和拖拽问题

oldVnode){constdialogHeaderEl=el.querySelector('.el-dialog__header');constdragDom=el.querySelector('.el-dialog
疯三年·2020-08-08 18:59

Vue Element-ui 第一次点击打开el-dialog获取不到元素的解决办法

第一次点击弹窗按钮，获取弹窗中的元素。打开弹窗获取元素为空，要第二次才能获取。如下为解决方法：一、setTimeOut(fn,0)methods:{btnMethods(){vueObject.moreDialog=true;//获取元素console.log('外：'+$('ulli').length);setTimeout(function(){//获取元素console.log("内："+$
既来安之·2020-08-08 17:24

ElementUI的el-dialog鼠标拖拽

拖拽依然是原生js写的，只不过搞起来一个自定义指令，在src文件夹下新建一个文件夹存放这个js：importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el.querySelector('.el-dialog__heade
慢半拍、·2020-08-08 16:09

element-ui中的el-dialog关于slot懒加载的问题

问题描述由于使用的是dialog的slot，需要在dialog显示一个table但是在IE11上遇到了一个问题在第一次打开的时候，table的宽度并不能正确的获取正常：问题分析element-ui设计是比较趋于完善的了，dialog的solt使用懒加载是处于性能优化的原因，官方也提供了回调事件去解决这个问题，比如需要在dialog获取到refDialog的内容是懒渲染的，即在第一次被打开之前，传入
SF_Rex·2020-08-08 15:06

让你的el-dialog更优雅

一般会这样写弹框1弹框2复制代码这样的写法在文件内容多的时候容易出现模板臃肿的问题，而且需要外部管理弹窗组件的开关状态visible可以如何改进借鉴了NgZoro的Modal组件的Service用法可以考虑将el-dialog
【weixin-sjk6070】·2020-08-08 14:03

ElmentUI 设置禁止点击遮罩关闭 el-dialog 弹窗

el-dialog弹窗初始化默认点击弹窗组件以外区域(遮罩)会导致该组件关闭方法一：(局部控制)修改close-on-click-modal属性改为false可以禁止点击遮罩关闭弹窗(默认是true)注
_格鲁特宝宝·2020-08-08 12:16

关于在Element-UI的dialog对话框中点击选中导致对话框闪烁的问题

解决方法：1.在对话框中添加backface-visibility属性—意为旋转元素不面向屏幕时隐藏.el-dialog{backface-visibility:hidden;-webkit-backface-visibility
爱吃肉的茂茂·2020-08-08 10:13

ElementUI+Vue在使用el-dialog时，如何做到在弹出dialog时，外部呈锁定状态，而不是点击外部导致dialog直接关闭。...

ElementUI+Vue在使用el-dialog时，如何做到在弹出dialog时，外部呈锁定状态，而不是点击外部导致dialog直接关闭。
anji7133·2020-08-08 10:04

Element-UI el-dialog 二次封装复用

我很希望项目中可以多接触一些新东西，实践出真知，对于编程来说就是要多动手，多总结几录，多思考，才能更好的避坑，因为动手了会发现好多你以为的不是你以为的。概述PC端项目中，一直使用的是ElementUI,最近功能迭代，有一个选择专家的弹窗在多个页面应用到，因此需要将dialog进行封装以便复用，在Element-UI的基础上，对dialog进行封装，最重要的是一个属性值的控制即visible，对于d
小智大愚·2020-08-07 09:08

解决el-dialog弹框多重嵌套,实现最好用的el-dialog

解决el-dialog弹框多重嵌套的问题。实现最好用的el-dialog随着vueJs的广泛使用，Element组件逐渐深入人心。但是在使用element组件的时候，难免会遇到一些问题。
zmy_coder·2020-08-05 15:29

vue+Element-ui的el-dialog弹出层的应用，及实现el-dialog拖到效果

Element-ui的el-dialog的应用1.安装element-uinpmielement-ui-S2.全局引用**在main.js引用**importElementUifrom'element-ui'import'element-ui
糖叁·2020-08-05 15:43

el-dialog问题

取消确定使用这个组件时蒙版会在弹窗上添加:append-to-body="true"即可
易之晓晓·2020-08-05 14:14

el-dialog作为子组件使用(关闭报错解决方法）

一、通过父子组件传值来实现关闭el-dialog作为子组件使用时，关闭对话窗的时候会出现各种错误，因为弹窗显示状态值（:visible.sync）是从父组件传递的参数，如果使用自带的关闭按钮，会报出一个错误
奥特蛋_mm·2020-08-05 03:17

vue2.0的小坑——当Element UI 中的el-dialog包含子组件时，refs报undefind的问题

$refs.appForm.test();这样就可以运行了但时当把这个子组件放到ElementUi中的el-dialog中，再像上面这样写是会报undefind的，可能生成组件的顺序
Leon_94·2020-08-05 02:03

element-ui弹出组件的遮罩层在弹出层el-dialog的上面

今天又遇到了这个问题，之前遇到过一次，但是没有记录，今天刚好又遇到了，就记录下，增加下记忆问题：加完el-dialog后，测试发现，遮罩层在弹出层上面。
蕉大人·2020-08-04 23:56

实现在vue中element-ui的el-dialog弹框拖拽

转自：https://www.cnblogs.com/excellencesy/p/11897422.html1、在utils中新建dialogDrag.js文件importVuefrom'vue'//v-dialogDrag:弹窗拖拽Vue.directive('dialogDrag',{bind(el,binding,vnode,oldVnode){constdialogHeaderEl=el
aoeace·2020-08-04 13:29

el-dialog el-tabs结合样式改造

el-dialogel-tabs结合样式改造效果：dialog.vue(封装好的组件){{item.label}}exportdefault{name:'dialogTheme',components:{},props:{panes:{type:Array,default:()=>([])},height:{type:Number,default:300},show:{type:Boolean,d
xuxu_qkz·2020-08-04 08:35

element使用el-dialog结合表单报错情况处理

1.情况描述：项目中使用了element中的el-dialog组件，在对话框中嵌套表单组件，新增编辑时调用，每次新增时清空表单提交校验，每次编辑时不用清空表单提交校验，第一次加载页面不报错，切换页面后再加载组件报错
奥特蛋_mm·2020-08-03 07:35

vue element 添加遮罩层

el-dialog自带有遮罩层，但在:modal=“true”:modal-append-to-body=“true”等设置都没有效果的情况下，考虑自己加一个遮罩层吧添加html,div里面可以添加文字或图片处理中
wusq..·2020-08-03 03:20
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他