随笔分类 -  Vue/Axios/ES6

摘要：一、目的 二、模块化应用 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. 阅读全文

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

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

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

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

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

摘要：数组数据 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 阅读全文

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

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

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

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

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

摘要：报错的原因：安装的版本过高的原因造成的 解决方法： 1、可以npm view vuex versions --json查版本，找适合的版本（不要最新的） 2、npm install vuex@3.6.2 --save根据版本下载，这样就可以了！ 阅读全文

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

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

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

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

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

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

摘要：1.问题 如截图所示，一般是vscode自带的自动更新路径名导致的目前还不知道具体原因。 2.解决 2.1 重新加载 vsocode 快捷键：Ctrl + shift + P，打开：“命令面板”，输入：重新加载 2.2 如果控制台报错 需要重新npm run serve 3.总结 目前暂时的最好解决 阅读全文