【笔记】【vue】解决重名校验时，弹出两个弹出框问题

最新推荐文章于 2024-05-05 08:00:00 发布
最新推荐文章于 2024-05-05 08:00:00 发布
阅读量1.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VnoteW/article/details/81983849
版权

测试时发现，当报表名称重复时，弹出两个弹出框，一个是框架自身的Error框“操作失败”，另一个是程序给的业务提示“报表名称已存在”。

解决办法：

在发送请求时带上参数showMsgFalse: false，解决当Action返回结果为false时，系统自己弹框问题

 

备注：showMsg默认值为true，含义是当Action层返回数值为true时，提示操作成功弹出框

 

 

 

VnoteW
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
有关弹窗两次的解决办法
10-05
有关弹窗两次的解决办法,js等。 我们在网页中有js验证和vb验证时， 若弹出两次窗口，一次是js的，第二次是vb的， 这种问题的 解决方法：在按钮上加上 return 这个属性
vue解决弹出蒙层滑动穿透问题的方法
10-17
主要介绍了vue解决弹出蒙层滑动穿透问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue登录失效拦截后提示框提示消息出现多次问题
记录博客好习惯
01-04 2516
前几天做了一个vue的项目, 其中有个登录拦截器的功能,根据后端返回的状态码获取登录状态, 401时,清空token 跳转登录,并打印后端返回的提示信息 正常情况是展示 今天在刷新页面时,登录过期,然后提示的信息弹出了2此,有一个没有消息内容 如图: 检查代码发现问题, 因为在刷新页面时,进行了2请求导致的, 最后对代码进行优化: 判断 response.data后端有返回数据时在进行打印,防止多次请求 第二次请求没有拿到返回体 导致打印为空的问题 ...
Vue按照顺序实现多级弹窗（附Demo）
最新发布
码农研究僧的博客
05-05 1624
Vue按照顺序实现多级弹窗，以Demo展示，显示整体逻辑
vue的弹窗（多级弹窗）研究心得
热水钟博客
04-19 8376
在vue开发中弹窗用的次数比较多，例如添加修改页面常用，个人习惯把弹窗例如添加组件当成列表组件中的子组件进行引入，所以一定要把弹窗脚本写在子组件中，通过子组件的v-if语句进行控制，在弹窗的子组件关闭事件中写一个回调函数控制子组件是否加载达到弹窗的目的，注意弹窗的缺省按纽别用，一定要采用slot方式更灵活。二级弹窗时，不管你设置z-index等均无法控制二级弹窗在后面，一直隐藏在后面，后面发现可...
vue2实现公式规则编辑校验弹窗功能
简白的博客
06-25 920
使用vue2+element-ui如何实现一个支持合法性校验的公式规则编辑弹窗组件
vue前端验证输入_前端框架Vue（8）——Vue + 表单验证 VeeValidate 实践
weixin_39884492的博客
12-19 156
这次来讲一下表单验证插件 VeeValidate,那为什么要结合 Vue 来讲呢？来看一下 github 上的图片就明白了！为 Vue 而来的！不清楚是不是 Vue 的官方表单验证插件。废话不多说直接显示效果：===============================分隔线==================================为什么需要用表单验证插件，想想自己重写过几次表单验证，...
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
10-16
今天小编就为大家分享一篇vue 解决移动端弹出键盘导致页面fixed布局错乱的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue js IOS H5focus无法自动弹出键盘的问题
10-18
今天小编就为大家分享一篇解决vue js IOS H5focus无法自动弹出键盘的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用vue实现各类弹出框组件
10-16
主要介绍了使用vue实现各类弹出框组件,文中给大家提到了vue中常用的dialog组件的封装，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue弹出框组件封装实例代码
10-16
在本实例中，我们将详细探讨如何封装一个简单的 Vue 弹出框组件。 首先，创建一个名为 `mack.vue` 的文件，这是组件的核心部分。在这个文件中，我们定义了一个 Vue 单文件组件（Single File Component, SFC）。组件...
解决element ui中message消息多次弹出问题
果栋的博客
11-26 2626
let doms = document.getElementsByClassName('el-message')[0] 在弹出消息提示之前，判断是否已有消息提示，如果doms == undefined 表示当前没有消息提示 if(doms == undefined){ this.$message('基本信息不完整'); }
vue中如何实现数据的双向绑定
04-15 1215
  vue中如何实现数据的双向绑定  vue中的指令      v-cloak：      v-model（表单元素设置了之后会忽略掉value，checked，selected）      v-text：代替 {{}} 渲染成文本（不会识别html标签）可以防止网速卡慢时{{}}出现在页面上      v-html：把html字符渲染成html      v-once：只绑定一次(...
vue多弹窗解决问题
hmbbpdx的博客
11-11 1890
vue弹窗解决(实习) 希望有更好的方法提出意见 虚心接受
Vue3多个弹窗同时出现解决思路
海风依旧
12-01 5676
Vue3多个弹窗同时出现解决思路：弹窗或者说对话框是我们在开发系统或者页面很常用的元素，所以博主想对出现多个弹窗的情况下的解决思路进行一个整理
vue+element-ui——双层对话框（dialog）嵌套，打开内层dialog时，需点击才可高亮（解决办法）
HoShining日志
12-18 2114
外层dialog： 点击后出现内层dialog，外层我去掉了原先的白色背景，打开内层后，背景也变成了白色。 内层dialog： 修改方法： 在内层dialog引入时，增加append-to-body； <el-dialog :visible.sync="dialog" append-to-body :before-close="handleClose"> 然后就出现这样啦！ ...
vue使用多级弹窗（Dialog）出现蒙版遮罩问题
DamonREN的博客
07-09 6410
场景：结果列表按钮对应了一个结果列表弹窗，页面中每条结果后又有下载和查看结果按钮，查看结果按钮很明显由对应一个弹窗页面。因此这属于多级弹窗（使用的是Dialog），当出现第一级弹窗时，可以正常关闭开启；当出现第二级弹窗后，第二级弹窗打开后就无法关闭，很明显是出现了蒙版遮罩问题。 效果演示：（图二完全置灰，无法点击任何按钮） 解决方案： 出现蒙版遮罩和层级肯定是有关，但是尝试设置z-i...
vue中接口报错信息多次提示问题
The One Who's at the Front
04-02 2237
最近项目遇到问题——报错信息过多提示，如下图所示： 找了半天原因(从封装的请求拦截—封装的请求接口方法一层层找问题)，突然发现是使用Elementui中的message弹框问题，解决方法如下： 重写message 新建js文件(文件具体位置自己放，我放在assets/scripts下面) 我的文件名是resetMessage.js import {Message} from 'element-ui'; let messageInstance = null; const resetMessage
Vue.extend()实现多个页面弹框登录（vue.use、vue.prototype）
lemon今天学习了吗？的博客
08-29 1479
Vue.prototype是在原型上定义，使其在每个Vue中的实例中可用。Vue.use()方法的核心就是Vue.prototype，只不过又封装了一层，执行你所提供 的。方法，更加的灵活，扩展性更好。Vue.prototype适合于注册Vue生态外的插件，Vue.use适合于注册Vue生态内的插件。使用基础 Vue 构造器，创建一个“子类”。当项目中想要每个页面或者特定的多个页面弹出、出现xxx内容时，可以使用Vue.extend()实现。......
vue写两个弹出框如何写
05-13
你可以使用Vue的组件来实现弹出框的功能，具体的实现方法如下： 1.定义两个组件：一个是用来显示第一个弹出框的组件，一个是用来显示第二个弹出框的组件。 ``` <template> <div> <h2>弹出框1</h2> <!-- 弹出框的内容 --> </div> </template> <script> export default { name: 'Popup1', // 其他组件选项 } </script> ``` ``` <template> <div> <h2>弹出框2</h2> <!-- 弹出框的内容 --> </div> </template> <script> export default { name: 'Popup2', // 其他组件选项 } </script> ``` 2.在父组件中引入这两个组件，并在需要弹出弹出框的地方使用`<component>`标签来动态加载组件。 ``` <template> <div> <button @click="showPopup1">弹出框1</button> <button @click="showPopup2">弹出框2</button> <component :is="popup"></component> </div> </template> <script> import Popup1 from './Popup1' import Popup2 from './Popup2' export default { name: 'Parent', components: { Popup1, Popup2 }, data() { return { popup: null } }, methods: { showPopup1() { this.popup = 'Popup1' }, showPopup2() { this.popup = 'Popup2' } } } </script> ``` 3.在`data`选项中定义一个`popup`变量，用来存储当前需要显示的弹出框组件的名称。在点击弹出框按钮的时候，通过调用`showPopup1`和`showPopup2`方法来设置`popup`变量的值，从而动态加载对应的组件。 这样，当你点击弹出框按钮时，就可以在页面上显示出对应的弹出框了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值