2022年5月1日

dva做数据管理

摘要: dva 基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,今天就讲一下具体的使用 实现的效果:计算器的同步增减及异步修改数据 1.创建ui component return ( <> <div> 测试组件 Option:<input ref={inputRef} def 阅读全文

posted @ 2022-05-01 21:55 sunny0820 阅读(132) 评论(0) 推荐(0) 编辑

2021年6月22日

vuex之namespaced的使用详解

摘要: vuex中的store分模块管理,需要在store的index.js中引入各个模块,为了解决不同模块命名冲突的问题,将不同模块的namespaced:true,可以实现分离模板间的独立。 使用举例如下: 定义一个peopleInfo模块,定义了state,actions,mutatios等 impo 阅读全文

posted @ 2021-06-22 17:12 sunny0820 阅读(1038) 评论(0) 推荐(0) 编辑

2021年4月1日

使用keep-alive不生效的踩坑点

摘要: 项目中要求针对某个页面需要添加缓存,于是用到了keep-alive,代码如下: <keep-alive> <div class="pages"> <router-view v-if="$route.meta.keepAlive" /> </div> </keep-alive> <router-vie 阅读全文

posted @ 2021-04-01 18:52 sunny0820 阅读(6555) 评论(0) 推荐(0) 编辑

2020年11月20日

高德地图做用户信息展示

摘要: 需求:在地图上做定位显示,用来反映用户当前累计的任务信息 1.注册账号并申请 Key 具体步骤查看高德官网:https://lbs.amap.com/api/javascript-api 引入地图: <script type="text/javascript" src='https://webapi 阅读全文

posted @ 2020-11-20 18:13 sunny0820 阅读(117) 评论(0) 推荐(0) 编辑

2020年7月2日

区别object和数组的方法

摘要: 列举区别object,array的几种简单方法,特此记录下 var arr = [] var obj = {} // 1. 通过Array的isArray方法判读 console.log(Array.isArray(arr)) //true console.log(Array.isArray(obj 阅读全文

posted @ 2020-07-02 11:35 sunny0820 阅读(175) 评论(0) 推荐(0) 编辑

2020年7月1日

vue之mixins的使用

摘要: mixins :是指混入对象,多个组件同时使用相同的变量和方法的时候,可以定义一个混入对象,可以减小代码的重复率, 一个混入对象可以包含任意组件选项,同一个生命周期,混入对象会比组件的先执行。 一、main.js 中全局注册(不建议使用,全局注册之后会对所有组件都生效,影响比较大,项目大的情况下,建 阅读全文

posted @ 2020-07-01 11:36 sunny0820 阅读(434) 评论(0) 推荐(0) 编辑

2020年6月9日

处理后台返回的文件流,base64码实现文件导出功能

摘要: 借鉴文章:https://blog.csdn.net/developer_qi/article/details/87803950 一、 处理文件流 ① 请求接口时,声明responseType: 'blob', 告诉后台需要返回的的报文是文件 export function writeWithHea 阅读全文

posted @ 2020-06-09 14:10 sunny0820 阅读(2254) 评论(0) 推荐(1) 编辑

2020年5月28日

vue 事件总线eventBus的使用详解

摘要: 因为在自己的项目不需要类似Vuex这样的库来处理组件之间的数据通信,所以使用了事件总线存储了电话进线的数据,反复操作之后,导致内存暴涨,页面卡死,所以使用该方法的时候要特别注意,特此记录一下. 使用场景:非父组件通信时,可以向该中心注册发送事件或接收事件,需要的到总线取值就行 注意点:该方法使用起来 阅读全文

posted @ 2020-05-28 18:11 sunny0820 阅读(1467) 评论(0) 推荐(0) 编辑

2020年4月29日

前端界面读取本地xlsx格式的数据,实现树状结构数据的填充

摘要: 项目中的需求是:要能从本地的文件中读取出树状数据。实现前提的条件:给出的.xlsx文件要有相应的格式要求,下来会给出详细的实现步骤 1.需要安装xlsx :npm install xlsx 引入依赖:import XLSX from "xlsx" 2.HTML <el-upload ref="upl 阅读全文

posted @ 2020-04-29 17:18 sunny0820 阅读(669) 评论(0) 推荐(0) 编辑

2019年12月16日

vue中入口文件mian.js中,使用elementUI中的组件this找不到指向。

摘要: 错误使用: this.$message({ message: res.data.msg, type: 'error' }) 原因:mian.js中页面还未挂载完毕,使用this.$message()时,this指向了window,elementUI并未在window下注册该方法 解决方案: impo 阅读全文

posted @ 2019-12-16 21:24 sunny0820 阅读(915) 评论(0) 推荐(0) 编辑

导航