![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
一只会飞的汪汪
这个作者很懒,什么都没留下…
展开
-
axios请求失败,获取状态码及错误信息,如何封装处理公共错误码的函数
如果axios请求失败,如何获取接口返回的状态码及错误信息?如何封装处理公共错误码的函数?方法如下1.使用对象,把状态码映射成对应的提示语const codeMessage = { 200: '服务器成功返回请求的数据。', 201: '新建或修改数据成功。', 202: '一个请求已经进入后台排队(异步任务)。', 204: '删除数据成功。', 400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。', 401: '用户没有权限(令牌、用原创 2021-03-16 15:18:44 · 4765 阅读 · 0 评论 -
promise的reject出现断点报错,resolved,Paused on promise rejection
最近在项目中遇见一个 promise 使用方式的问题,大概需求是,页面多个表单,必须同时通过之后,才能发起网络请求; 验证过程,报了一个reject()错,谷歌浏览器报错进入断点调试模式。错误如下:问题原因:如果在 Promise 处理异常之前就执行了 reject() ,就会认为这个promise没有处理异常的过程,然后就报错了。大概意思是(1)只要没有在 Promise 的后面紧跟...原创 2020-04-21 11:00:21 · 5573 阅读 · 4 评论 -
vue computed、watch、methods方法的区别
computed VS methodscomputed: 在重新渲染的时候,函数总会重新调用执行。可以说使用computed性能会更好。methods: 在重新渲染的时候,函数总会重新调用执行。可以说使用computed性能会更好。computed VS watchwatch: 没有返回值,可以异步操作,使用定时器定义修改数据更新频率,添加中间状态等等,这些操作都是无法用计算属性实现的c...原创 2020-04-19 11:56:09 · 155 阅读 · 0 评论 -
Vue 配置 Gzip 压缩 开启压缩后踩过的坑
vue配置compression-webpack-plugin插件需要后台配合才可以实现ci方法(1)vue-cli搭建的项目在config/index.js(2)打开CMD,执行>npm install --save-dev compression-webpack-plugn(3)然后 cnpm run build(4)(5)注意事项上面会提示当前安装版本与当前项目下的w...原创 2018-11-30 19:18:51 · 7307 阅读 · 4 评论 -
关于Vue cli 3的 vue.config.js 配置实时打包问题,启动npm run build命令,webpack的watch实时打包文件
vue-cli 3.0项目 vue.config.js 配置,npm run build之后,webpack的watch实时打包(dist)文件vue-cli 3.0 官方配置文档链接 点击进入,vue-cli 3.0 官方配置文档链接,更加深入了解详细配置vue-cli 3.0 不建议直接修改webpack,提供两个配置参数,以供修改webpack里面配置项1. chainWebpa...原创 2019-01-30 15:42:36 · 7579 阅读 · 1 评论 -
Vue使用ts typescript,使用Jquery报错 , $ 不认识的解决办法
vue-cli 3.0 脚手架搭建的 vue项目,使用 typescript编写。期间遇见了不少坑。由于项目需要用到第三方密码键盘插件和加密插件,须在index.html 页面顶部 引入jquery JS.<script src="./jquery-2.1.4.js"></script>当组件使用 $('#div').click() 方法的时,ts 编译器提示 一个错...原创 2019-01-30 16:31:16 · 6302 阅读 · 0 评论 -
vue+typescript,三种组件传值方式
Vue 2.0 typescript 写法传值方式:随着 typescript 越来越受到前端框架的关注,最近使用 vue + typescript 做了一个项目。发现写法与 vue + js 完全不一样。但是原理相同。接下来给大家介绍 Vue 开发中常用的传值方式。Vue 常用的三种传值方式有:父传子子传父非父子传值引用官网的一句话:父子组件的关系可以总结为 prop 向下传递...原创 2019-01-30 18:56:01 · 10596 阅读 · 6 评论 -
vuejs+typescrpt this[key] 使用变量获取this属性报错解决办法Element implicitly has an 'any' type because
1.在使用vue+typescript 构建项目的时候,使用变量动态获取属性值的时候,ts解析器会报一个错误。** var key = 'name'; this[key] = 123; // 这里会提示一个语法错误 **Element implicitly has an 'any' type because type 'About' has no index signatu...原创 2019-01-30 20:21:40 · 34225 阅读 · 2 评论