今天后台给我提了个bug,页面中是一个列表,点击子项会弹一个对话框,在el-dialog中嵌套了el-table,滚动对话框中的列表的时候,关闭对话框后后,点击别的子项的时候上一次的滚动条位置被记录了。 当时想的是 把对象框重新渲染一下就行了,打开element文档果然有一个destroy-on-close属性设置为true,怎么都不生效。查...
但文章里说的把el-dialog标签写在父组件不写在子组件就也可以让destroy-on-close生效,但实际测试过程中发现这种写法还是无法让元素消失,打开F12还是有元素存在,不是我们想要的效果。 经过测试发现,把el-dialog标签写在父组件不写在子组件再使用destroy-on-close属性,实际它只能初始化dialog组件内部包裹的子组件data数据!
vue中使用子组件弹框,el-dialog设置百分比高度不生效,应该这样写 <el-dialogtitle="目标详情":visible.sync="dialogVisible"v-if="dialogVisible"width="80%"height="70%":before-close="handleClose"><history-target:editDates="editDates"style=""></history-target></el-dialog>//这样高度70%不生效 应该...
简介: el-dialog使用::v-deep()穿透设置样式不生效,解决办法亲测有效!场景: <el-dialog v-model="dialogVisible" width="800px" :before-close="beforeClose" append-to-body :close-on-click-modal="false" title="增加文档" > <template #footer> <div style="text-align:center"> <el-button type=...
Dialog 组件有个关闭时的回调函数close: //关闭dialog,重置表单 resetRegisterForm(){ //得到表单实例,并调用表单重置方法resetFields() this.$refs.registerFormRef.resetFields(); } 1. 2. 3. 4. 5. 表单重置生效必备条件(不注意就会入坑): 1、el-form定好属性ref; ...
el-dialog组件有一个close-on-click-modal属性,该属性默认为true,表示点击弹窗的空白区域会关闭弹窗。如果希望点击空白区域不关闭弹窗,需要将该属性设置为false。 检查点击空白区域时的事件处理代码: 确保没有额外的事件处理代码在点击空白区域时触发了弹窗的关闭。 确认是否存在阻止el-dialog关闭的代码或逻辑: 检查...
我生效的方法 <el-dialog:title="'网关详情信息'":visible="isVisible":disabled="isLoading"width="1200px":close-on-click-modal="false":before-close="close"top="5vh"@open="getSearchData"> 直接加width: 1200px。不知道为啥用百分比不生效
<i class="el-icon-close" @click="iconClick"></i> <!-- 内部当然也要有关掉的方式,所以加上一个点击关闭 --> </div> </div> </transition> </div> </template> <script> export default { name: "app", data() { return { isShowDialog: false, }; }, methods: { showDialog() { this...
<el-dialog :visible.sync="visible" v-if="dialogVisible" width="480px" :show-close="true" :modal="false" :append-to-body="true" > <span>是否退出登录?</span> </el-dialog> </div> <el-button style="position: absolute; top: 100px; left : 1500px; " @click="handleClick" > click...