如果提交和编辑在同一个页面报错

最新推荐文章于 2024-08-15 08:55:57 发布
最新推荐文章于 2024-08-15 08:55:57 发布
阅读量115 收藏
点赞数 1
分类专栏： 两个事件同是使用一个页面 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang_yijei/article/details/115980439
版权
本文提供了一种思路来处理Vue应用中，当提交和编辑操作在同一页面时可能出现的错误。建议在Vuex中定义状态，并通过点击事件改变状态值。在执行修改或添加操作前进行条件判断，确保操作的正确性。虽然代码结构示例非正式，但可以作为解决此类问题的一个参考。
摘要由CSDN通过智能技术生成

如果提交和编辑在同一个页面报错和解决方法思路

如图 ：在这里插入图片描述
会出现这样的一个 Bug

给你们一个思路 就是在 vuex里面定义一个状态
在这里插入图片描述
让后在点击事件里 改变一下状态的值 我这样的写法不规范 只是给了一个思路
在这里插入图片描述

在你要修改或者添加的时候判断一下
如图：
在这里插入图片描述
####这一篇文章 只是提供了一种思路 代码结构不是严禁

雪,覆盖我的视线
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php报错进行跳转,php页面跳转另一页面各种跳转页面代码
weixin_34185033的博客
04-01 568
在php中实现页面跳转的方法只有一种,就是使用header(location:$go_url); 就可以实现了页面跳转了,下面我来给各位同学详细介绍介绍。php header()页面跳转我把blog从http://www.vcphp/blog迁移到http://www.vcphp.com域名下,当用户访问以前blog地址时,自动跳转到当前blog的对应文章,代码如下:$url_this=strto...
当编辑和新增用同一个页面你的时候，编辑需要显示而查看不需要显示的东西
qiu_2820的博客
11-22 4111
当编辑和新增用同一个页面你的时候，编辑需要显示而查看不需要显示的某个功能的时候       可以用前端进行处理当      当主页面需要定义参数，定义的t
同一个页面多个quill编辑器处理
梦醒了该散了的博客
05-10 3877
同一个也没多个quill编辑器使用 解决同一个页面多个quill编辑器不显示的问题 想要的结果 直接上代码，大家只需要那个思路 <html> <head> <!-- 引入样式文件 --> <link href="https://cdn.quilljs.com/1.3.4/quill.snow.css" rel="stylesheet"> ...
ajax提交相对路径报错,ajax提交请求为啥url要用这个函数encodeURI
weixin_42416926的博客
08-06 456
参考如下：如果你是通过form提交的，那就不需要用这个了。但是如果是你使用url的方式例如：ajax提交到后台的，就需要对url进行encodeURI编码，否则，会导致后台出现各种乱码，不加encodeURI的话，默认浏览器编码格式提交，这样的话，浏览器不同，传到后台的值也就不同了，所以建议使用encodeURI统一编码为utf-8的格式到后台，然后后台再处理再解码就行了，如果后台是utf-8的，...
element中编辑数据时el-upload报错并不显示图片
weixin_73251435的博客
06-21 241
) => ({ url: item }))一定是需要将图片URLmap进去，这样element就会自动生成uid等符合.el-upload的数据。4.给上传组件添加请求头：const headers = ref({ Authorization: getToken() })/**上传图片添加请求头*/可以避免线上接口的部分问题。1.el-upload每次上传的图片都会携带uid等，但是我们自己编辑时给的是数组，而数组中都是图片的url或者id并没有uid等参数那么这个时候我们需要对数据进行处理。
KindEditor只显示文字编辑框，表单无法提交，但页面也不报错
LeonShenZhi的博客
03-15 553
在做图文混排使用kindEditor的时候，有时候会出现只显示文字编辑框的问题。总结有以下两个原因：1、没有引入kindEditor所需要的js文件（kindeditor-all.js、lang/zh-CN.js）或文件路径错误；2、&lt;script&gt;标签没有结束--很容易忽略，而且页面并不报错，页面也不会正常的提交跳转。...
三个思路解决laravel上传文件报错：413 Request Entity Too Large问题
10-19
如果项目测试要求避免显示“413 Request Entity Too Large”错误，你可以创建一个自定义的错误页面来友好地展示错误信息。在 Nginx 配置文件中，开启 `fastcgi_intercept_errors on;` 以捕获错误，然后在 `server` ...
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
01-03
有一个这样的需求： 当商品设置为立即上架时，通过审核就进入上架状态，当设置为保存时，通过审核就进入未上架状态。 所以，需要在保存前根据提交的审核状态和设置的方式得到商品状态再保存，而通过$form->model()->...
Can't use Subversion command line client:svn 报错处理
09-01
4. **修复“Fix it”提示**：如果Android Studio提供了一个“Fix it”链接，点击后会引导你到相应的设置页面，按照提示操作即可。 通过以上步骤，大多数情况下应该能够成功解决“Can't use Subversion command line...
HtmlEdit:一款手机上使用的html编辑器，支持Html、CSS、JavaScript在线编辑（单页面应用）https
04-28
HtmlEdit 一款html手机编辑器，支持Html、CSS、JavaScript在线编辑，适用于移动端复制粘贴代码，以便快速查看代码结果 ...1、优化了报错机制 2、优化了输入体验 3、优化了提交代码时的交互体验 4、添加了空字符输入提示
【云海轻站商用多开版1.0.35】功能模块+可视化编辑建站系统+新增后台退款操作+插件
07-24
【云海轻站商用多开版1.0.35】是一个先进的建站系统，它提供了功能丰富的模块和可视化编辑工具，旨在简化网站构建过程，让非技术人员也能轻松创建专业级别的网站。该版本的主要更新集中在增强后台管理和用户体验优化...
vue一个页面发出多个异步请求_浅谈vue异步数据影响页面渲染
weixin_42513038的博客
12-30 2200
浅谈vue异步数据影响页面渲染今天遇到一个问题，要保证页面渲染前请求的数据已经得到了由于user是在异步请求之后保存在session中，而在页面渲染时session中还没有user，页面直接报错。因此我希望能在所有请求都得到后再去做页面的渲染。1.先把id为app的div用v-if="appShow",定义appShow为false进行隐藏，避免渲染2.写计数器，每1ms进行一次查询，如果sess...
新建和编辑共用一个表单，编辑之后新建，form表单resetFields失效
zzzz121380的博客
07-28 656
或者注意如果使用resetFields方法清空，虽然可以清空，但是在先编辑再新建时，提交的字段会有很多，而且都是编辑的那一行的数据。即使加上this.$nextTick(()=>{}）也会有同样的问题，所有直接使用赋值的方法清空。...
summernote富文本编辑器和jquery.validate冲突报错的解决方案
谢泽的网络日志
12-10 910
先看问题:当我在富文本输入并移出鼠标焦点的时候, 控制台抛出错误, 而导致无法对其他表单组件进行校验。
ECMAScript性能优化技巧与陷阱：深入探索与实践
最新发布
Chujun123528的博客
08-15 631
ECMAScript性能优化是一个复杂而细致的过程，需要开发者从多个角度进行考虑和优化。通过合理利用现代JavaScript特性、优化DOM操作、选择合适的算法和数据结构、利用Web Workers等技术手段，可以显著提升JavaScript代码的执行效率。同时，开发者还需要关注全局变量、闭包、eval等性能陷阱，避免不必要的性能开销。此外，性能监控与分析、内存管理、网络层面的优化等也是不可忽视的重要方面。只有综合考虑这些因素，并持续进行性能优化工作，才能为用户提供更加流畅、高效的Web应用体验。
vue ruouter 两次跳转同一个地址报错
09-01
Vue Router 是 Vue.js 官方的路由管理器，用于实现 SPA（Single Page Application）的前端路由功能。在 Vue Router 中，通过使用路由的 `push`、`replace` 方法可以实现页面跳转。当我们多次调用 `push` 或者 `replace` 方法跳转到同一个地址时，就会出现报错。 这个报错是因为当我们多次跳转到同一个地址时，Vue Router 会认为是一个重复的跳转操作，而默认情况下 Vue Router 是不允许重复跳转的。这样设计是为了避免在 SPA 中出现无限循环的跳转，造成浏览器崩溃。 如果我们确实需要多次跳转到同一个地址，那么我们可以通过修改路由的 `push` 或者 `replace` 方法的配置来解决这个报错。在跳转时，我们可以传递一个 `ignoreDuplicateNavigation` 的配置项，将其设置为 `true`，这样就可以避免报错了。例如： ```javascript // 在路由跳转时，传递一个 ignoreDuplicateNavigation 的配置项 router.push({ path: '/same-path', ignoreDuplicateNavigation: true }) ``` 通过以上方式，我们就可以实现多次跳转同一个地址而不报错了。但是在使用时，我们需要明确自己的需求，确保不会因为重复跳转而出现无限循环的问题。同时，在设置 `ignoreDuplicateNavigation` 为 `true` 时，也需要慎重考虑，确保不会影响到其他业务逻辑的正常运行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值