随笔分类 -  Vue/Axios/ES6

vue-element-admin 安装第三包(npm install)时报错
摘要:主要报错信息:ls-remote ssh://git@github.com/adobe-webplatform/eve.git npm ERR! code 128 npm ERR! git dep preparation failed npm ERR! command D:\nodejs\node. 阅读全文

posted @ 2022-12-14 22:52 静以修身俭以养德 阅读(1718) 评论(0) 推荐(0)

Vue知识点整理(五)- vuex(3)- 模块化和命名空间
摘要:一、目的 二、模块化应用 2.1 store.js直接应用模块化 2.2 store.js 外部引入 三、开启命名空间后的读取与调用 3.1 state数据 3.2 getters数据 3.3 调用dispatch 3.4 调用commit 四、案例练习 4.1 count.js 4.2 game. 阅读全文

posted @ 2022-12-01 21:37 静以修身俭以养德 阅读(195) 评论(0) 推荐(0)

vue-router重写Router.prototype.push,解决相同路径跳转的报错问题
摘要:在router的index.js里面写,在use之前,如果加上以下代码,报错‘Cannot read properties of undefined (reading ‘catch’) at VueRouter.push ’那就是vue-router的版本问题,安装高一点的版本即可3.1.6以上 / 阅读全文

posted @ 2022-11-27 23:51 静以修身俭以养德 阅读(554) 评论(0) 推荐(0)

Redirected when going from "x" to "x" via a navigation guard
摘要:原因:V3.1.0版本里面新增功能:push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。 解决:在你的routers.js中,引入Router后,对Router原型链上的push、replace方法进行重写,这样就不用每次调用方法都要加上catch。 const 阅读全文

posted @ 2022-11-27 00:08 静以修身俭以养德 阅读(320) 评论(0) 推荐(0)

如何解决axios会发送两次请求有个OPTIONS请求的问题
摘要:这篇文章主要为大家展示了“如何解决axios会发送两次请求有个OPTIONS请求的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决axios会发送两次请求有个OPTIONS请求的问题”这篇文章吧。 问题描述: Vue的开发者都知道axios,很 阅读全文

posted @ 2022-10-23 17:47 静以修身俭以养德 阅读(2118) 评论(0) 推荐(0)

vuex 中关于 mapActions 的作用
摘要:mapActions 工具函数会将 store 中的 dispatch 方法映射到组件的 methods 中。 和 mapState、mapGetters 也类似,只不过它映射的地方不是计算属性,而是组件的 methods 对象上。我们来直接看它的实现: export function mapAct 阅读全文

posted @ 2022-05-03 18:33 静以修身俭以养德 阅读(782) 评论(0) 推荐(0)

Vuex状态管理-mapState的基本用法详细介绍
摘要:使用vuex集中管理状态 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化 // store.js /* vuex的核心管理对象模块:store */ import Vue from 'vue' 阅读全文

posted @ 2022-05-03 18:15 静以修身俭以养德 阅读(2244) 评论(0) 推荐(1)

js 数组转tree结构
摘要:数组数据 var list = [ {id:1,pid:0,name:'一级'}, {id:2,pid:1,name:'一级1'}, {id:3,pid:1,name:'一级2'}, {id:4,pid:2,name:'一级1-1'} ] 核心代码: // 数组转treefunction compo 阅读全文

posted @ 2022-03-15 22:56 静以修身俭以养德 阅读(553) 评论(0) 推荐(0)

前后端分离项目中的jwt令牌应用
摘要:做为前后端分离项目中,授权认证常用token令牌做为身份认证的方式,对于jwt令牌的获取、验证、解析以及存储,分别示例如下: 需要安装两个nuget包,分别为:IdentityModel和Microsoft.AspNetCore.Authentication.JwtBearer 1、JWT令牌生成及 阅读全文

posted @ 2022-03-15 12:41 静以修身俭以养德 阅读(462) 评论(0) 推荐(0)

es6之扩展运算符 三个点(...)
摘要:对象的扩展运算符 理解对象的扩展运算符其实很简单,只要记住一句话就可以: 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中 let bar = { a: 1, b: 2 }; let baz = { ...bar }; // { a: 1, b: 2 } 上述方法实 阅读全文

posted @ 2022-03-14 13:12 静以修身俭以养德 阅读(36) 评论(0) 推荐(0)

chalk 使用无效
摘要:chalk 是一个npm 包,用来对控制台 console.log 的内容进行样式包装。 将chalk的 level 设置为 1 、2、 3, 如下: 经测试有效,但是仍存在其他问题, underline 无效 chalk.level = 1; // level的值可以设置为 1 2 3,分别代表不 阅读全文

posted @ 2022-03-08 22:59 静以修身俭以养德 阅读(198) 评论(0) 推荐(0)

elementUI事件回调函数传默认值和自定义参数的问题
摘要:1、如果只传递一个默认值 $event只能传递check-change的第一个默认参数data。true为自定义的参数。 2、 传递check-change的多个默认的参数 可以通过在回调函数里定义自己的参数的形式来保留默认参数,同时也可以自己传参数 阅读全文

posted @ 2022-03-07 11:52 静以修身俭以养德 阅读(593) 评论(0) 推荐(0)

如何查看自己项目中vue的版本号和cli的版本号
摘要:查看Vue版本号 代码方式 npm list vue 其他方式 找到package.json文件夹 找"dependencies"然后就可以看到你装的vue的版本了 查看cli版本号 vue -V Error:Cannot find module 'chalk' npm install chalk 阅读全文

posted @ 2022-03-04 09:09 静以修身俭以养德 阅读(895) 评论(0) 推荐(0)

Vuex安装时报错“Could not resolve dependency: npm ERR peer vue@“^3.0.2“ from vuex@4.0.2”
摘要:报错的原因:安装的版本过高的原因造成的 解决方法: 1、可以npm view vuex versions --json查版本,找适合的版本(不要最新的) 2、npm install vuex@3.6.2 --save根据版本下载,这样就可以了! 阅读全文

posted @ 2022-03-03 16:51 静以修身俭以养德 阅读(2767) 评论(0) 推荐(0)

Vue ElementUI Dialog组件重新渲染的两种方法
摘要:1、Dialog组件重新渲染 两种方法: (1)设置key,强制组件重新渲染 a、直接在key上绑定new Date().getTime() <el-dialog title="部门编辑" :visible.sync="dialogFormVisible" @close="closeDialog"> 阅读全文

posted @ 2022-03-03 15:50 静以修身俭以养德 阅读(7014) 评论(0) 推荐(0)

解决VSCODE"因为在此系统上禁止运行脚本"报错
摘要:学习react的时候,在VSCODE中使用yarn,结果报错:找了下原因,是因为PowerShell执行策略的问题。 解决方法: 1. 以管理员身份运行vscode; 2. 执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的; 3. 执行:set-Executi 阅读全文

posted @ 2022-02-15 16:35 静以修身俭以养德 阅读(336) 评论(0) 推荐(0)

vue计算属性和watch的区别有哪些?
摘要:区别:1、计算属性在调用时需要在模板中渲染,修改计算所依赖元数据;watch在调用时只需修改元数据。2、计算属性默认深度依赖,watch默认浅度观测。3、计算属性适合做筛选,不可异步;watch适合做执行异步或开销较大的操作。 computed computed 是计算属性,它会根据你所依赖的数据动 阅读全文

posted @ 2021-12-12 23:08 静以修身俭以养德 阅读(3523) 评论(0) 推荐(0)

wangeditor遮挡其他控件
摘要:增加以下CSS代码 .w-e-menu { z-index: 2 !important; } .w-e-text-container,.w-e-toolbar { z-index: 1 !important; } 阅读全文

posted @ 2021-09-25 13:04 静以修身俭以养德 阅读(160) 评论(0) 推荐(0)

多个axios按顺序执行
摘要:项目中需要同时调用两个接口返回给Table显示,同时第二个Table需要用到第一个Table接口返回的数据,此种情况需要axios的顺序执行,测试代码如下: async query() { //method1执行完成后执行method2 await this.method1(); await thi 阅读全文

posted @ 2021-09-23 22:45 静以修身俭以养德 阅读(1848) 评论(0) 推荐(1)

{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
摘要:npm run dev 错误提示: { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }. 解决方法: 找到你的工程文件夹里的 YourProName\node_modules\vue-loader\l 阅读全文

posted @ 2021-09-06 20:13 静以修身俭以养德 阅读(576) 评论(0) 推荐(0)

导航