Vue - 报错笔记（关于参数）

最新推荐文章于 2024-05-01 01:27:29 发布
最新推荐文章于 2024-05-01 01:27:29 发布
阅读量476 收藏 1
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42651173/article/details/117756085
版权

错误1：没写参数

过程

1. 检查发送ajax时参数是否正确

2.在调试工具中查看

这里显示传的参数是一个鼠标事件，所以我们要去查看对应的鼠标点击事件

3.找到鼠标点击事件

ctrl+d自动定位

或查看Network

显然这里传的参数应该是文章id，而不是一个对象（鼠标事件）

错误2：父组件传的参数不对

 

 过程        

1.检查netWork，看ajax有没有发送，这里显示没有发送

2.根据报错信息，在控制台输出一下参数

 

我们需要的值是id，显然这里传的数据不对

3. 检查父组件中传递的数据

 

最后发现：传递的值是一个对象，回调函数也应该使用对象接收，最终改成如下格式即可：

搭建个人知识付费应用系统-(4)Remix i18n、主题切换
Willin Wang 的全栈升级指南
08-21 430
与 DaisyUI 相同。
vue之断言方式校验参数并错误提示
mayfly_hml的博客
12-30 1761
常规操作 async saveSql() { // 如果sql内容为空，则提示并结束执行 if (this.sql === '') { this.$message.error('sql内容不能为空') return } // 如果Id为空，则提示并结束执行 if (!this.dbId) { this.$message.error('请先选择数据库') return } await dbApi.save
vue axios 前端数据传给后端一直 “参数不足”
weixin_46221198的博客
03-03 736
先上参数不足时的代码： that.$axios.post(that.url + "/user/login", { email:that.ruleForm.email, pwd:that.ruleForm.password, }, { headers: {'Co...
分析vue取数组值报错的问题
finedayforu的博客
03-14 1282
有时我们给子组件传递一个数组,在绑定到属性上,会出现错误: 看问题 我们来看下面的问题: <template> <div> <img :src="goods.length>0 ? goods.[0].image :null" alt="" srcset="" width="100%"> </div> </temp...
关于vuex中分模块报错
8月13日
04-08 766
在练习vuex的分模块中，出现这样错误 排查的原因是查看模块中的暴露项多出namespaced：true这个参数 这个参数规定了actions，mutations,state,getter都在命名空间下，想要dispach，需要前面加上命名空间 ...
vuepress踩坑记
weixin_34150830的博客
04-17 2315
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。恰好最近需要为一些组件写文档，就动手撸了一波，毕竟刚发布，遇到不少坑，最终还是磕磕碰碰的运行起来了，为了避免大家踩同样的坑，特意将搭建的过程记录下来，分享一波。 以下是几个已知的问题 因为util.promisify是在node 8.0之后引入的，...
【Vue学习】使用 “scss” 时报错‘ vue-style-loader css-loader
最新发布
java_dazhuzhu的博客
05-01 919
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记。
【vue项目分环境进行打包--留用笔记】不同打包命令，实现对匹配对应环境的包，适用vue-cli 3.x
weixin_46902217的博客
04-02 1268
vue-cle 3.x
工作笔记八——vue项目的多语言/国际化插件vue-i18n详解
热门推荐
袁杰Jerry
06-24 4万+
今天介绍vue开发中用的最多的国际化插件：vue-i18n。本文主要参考官网文档，并且结合项目实际需要做了些改进。欢迎围观。
基于《狂神说Java》Vue--学习笔记
wudidahuanggua的博客
06-18 1581
本笔记仅做学习与复习使用，不存在刻意抄袭。给各位学友强烈推荐《遇见狂神说》他的整套Java学习路线使我获益匪浅！！!点击跳转至遇见狂神说哔哩哔哩首页如果你也是狂神的小迷弟，可以加我好友一起探讨学习。...
【Vue2.0】笔记（六）-Vue-cli、Vuex、mockjs、gitee、github
小女不才
04-08 2445
前端工程化（四）Vue脚手架(1) 基本用法1.1（五）Element-Ul的基本使用二级目录三级 （四）Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。官网地址：https://cli.vuejs.org/zh/ (1) 基本用法 安装3.x版本的Vue脚手架： npm install -g @vue/cli 卸载命令：npm uninstall -g vue-cli 检查命令 Vu...
解决Vue Router4中params 传参失效和报错问题
LP'S Blog
02-27 6208
在使用vue-router4中params 进行路由组件之间传参，跳转页面接收不了并出现如下错误如下是我的代码传输页面接收页面。
VUE中出现 Uncaught (in promise) error 怎么解决？
weixin_46902019的博客
03-02 2万+
今天写vue项目对接口的时候，出现了Uncaught (in promise) error 这个报错 但是我看了接口是正常返回数据了，所以为什么会报错呢？ 在一番查找后，我发现我axios配置了路由拦截器，需要后端返回的code为200，否则后端即使成功返回也会被拦截,出现这个错误。 解决方案 更改响应拦截器或者让后端返回code值为200 ...
你是怎么处理vue项目中的错误的？
yiyueqinghui的博客
02-25 1096
一、错误类型 任何一个框架，对于错误的处理都是一种必备的能力 在Vue 中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。 主要的错误来源包括： 后端接口错误 代码中本身逻辑错误 二、后端接口错误 请求完成后捕获错误---------- 封装axios请求，通过catch捕获错误。 axios({ method:'get', url:'地址', }).then(res=>{ //成功处理 }).catch(err=>{
Uncaught Error: useQueryParams must be used within a QueryParamProvider
peanut1995的博客
06-27 823
Uncaught Error: useQueryParams must be used within a QueryParamProvider
创建Vue项目时遇到的问题与错误
静水流深，沧笙踏歌
05-14 4408
webpack : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 http://go.microsof t.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 解决方案：是因为系统权限不够，被禁止运行该打包脚本 1、以管理员的身份打开Windows PowerShell 2、输入set-Execut.
vue 请求数据错误避免
晨曦的博客
08-17 1337
在项目中,axiso请求,出现几种错误显示问题 1.超时请求时原始数据必须清空,否则会以为已经查询出来 2.重复按钮点击问题,宁可第二次不给他点击,原因axiso请求是异步,如果两次请求时间第一次大于第二次,导致第一次数据覆盖第二次,显示数据错误., 解决:赋值时间戳,判断两次时间戳是否相同,只取最后一次数据. let sch = new Date().getTime(); this.sch = sch; //请求 (body=>{ if(sch == this.sch){
vue错误集锦
IT12345666的博客
05-21 640
关于vue中出现的小小的异常信息，以及排查方法
vue-office报错vue-demi
04-30
vue-demi是一个用于在Vue 2中使用Composition API的库。它提供了一些辅助函数和类型定义，以便在Vue 2中使用Vue 3的Composition API。 当你在使用vue-office时，如果遇到了vue-demi报错，可能是因为你的项目中没有正确安装或配置vue-demi。 解决这个问题的步骤如下： 1. 确保你的项目中已经安装了vue-demi。可以通过运行以下命令来安装： ``` npm install vue-demi ``` 或者 ``` yarn add vue-demi ``` 2. 确保你的项目中正确导入了vue-demi。在需要使用Composition API的地方，你需要导入vue-demi的相关函数和类型定义。例如： ```javascript import { ref, reactive, computed } from 'vue-demi'; ``` 3. 如果你的项目使用了TypeScript，确保你的tsconfig.json文件中正确配置了vue-demi的类型定义。你可以在"compilerOptions"下的"types"数组中添加"vue-demi"，例如： ```json { "compilerOptions": { "types": ["vue-demi"] } } ``` 如果你按照以上步骤进行了配置，但仍然遇到vue-demi报错，请提供具体的报错信息，我将尽力帮助你解决问题。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值