摘要: 问题: 使用router-view嵌套路由时,固定的那方若数据是请求接口获取的,在其他路由组件中,需要固定那方的数据更新,应该怎么去请求它的接口? 组件间通信,使用eventbus。 使用router路由跳转时,通过query传参,怎么传文件过去?传过去的还是正常的文件么? 在data中直接给一个变 阅读全文
posted @ 2020-04-07 20:19 苏小落 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 在vue-cli3项目中,不知道怎么回事突然项目就不能热更新了,在本地修改完代码之后页面没有自动刷新,所以每次更改都需要手动进行刷新页面,比较耗时麻烦,之前是可以的,所以查找了下原因及解决办法。 原因暂未知。 页面效果: 1.项目无法实现热更新,在代码更改后页面未自动刷新; socket.js报错, 阅读全文
posted @ 2021-04-21 18:55 苏小落 阅读(7451) 评论(0) 推荐(0) 编辑
摘要: 需求: 1.获取到数据为数组,其中有的数据项中本身包含逗号,则需要将带有逗号的数据项首尾加上[],最后数组转为字符串且以逗号拼接进行保存; 2.在回显数据时,获取到的就是传过去的数据,需要恢复为数组,且数据项中带有逗号的不需要首尾加上中括号[],不然没法做回显; 数据显示: 1. 2. 实现代码: 阅读全文
posted @ 2021-04-16 18:43 苏小落 阅读(424) 评论(0) 推荐(0) 编辑
摘要: 项目中涉及到三种类型的拖拽: 1.el-tree拖拽字段至div,表格; 2.多个div之间的拖拽; 3.表格之间列的拖拽; 实现代码: 1.el-tree拖拽字段至div,表格; 1.el-tree设置字段可拖拽至外部: <el-tree ref="tree" @node-drag-start=" 阅读全文
posted @ 2021-04-12 18:35 苏小落 阅读(1818) 评论(0) 推荐(0) 编辑
摘要: 个人在工作中总结的几点,仅供记录。 凡事多加考虑。 在做任何事情之前,要花时间考虑,以求全面一点,这样以后会大大减少回头重做的几率,效率更高。 干活之前,先把整体框架梳理出来,分块做事。 干IT毕竟不是单打独斗,不像以前上学考试,一张卷子可以哪些题会做就先做哪个,随心就行,反正只是你一个人的任务,只 阅读全文
posted @ 2021-04-09 12:26 苏小落 阅读(50) 评论(0) 推荐(0) 编辑
摘要: Vue重点: 组件化思想; v-model双向绑定原理; 响应式原理; 虚拟DOM及key值作用; 组件生命周期; 路由:vue-router; https://www.cnblogs.com/5201314m/p/14283738.html 数据请求:axios; 状态管理:vuex; 组件间通信 阅读全文
posted @ 2021-02-26 14:17 苏小落 阅读(103) 评论(0) 推荐(0) 编辑
摘要: vue-router主要用来控制页面在不刷新的情况下,可以通过切换路由来更改不同页面,即单页应用。 包括以下几方面重点: 1.router-link: <router-link :to="about"></router-link> to指向跳转地址,会生成一个a标签,右键可以出现‘新窗口中打开’选项 阅读全文
posted @ 2021-01-15 18:51 苏小落 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 需求: 在打包成功之后在dist中会生成一个配置文件,配置文件中包含要请求的地址,通过直接修改配置文件中的地址即可成功修改请求地址,不需要再重新打包。 方便在不同环境下运维修改地址之后可以直接部署,避免重复打包的工作。与本地代码地址不冲突。 实现代码: 1.public文件夹下新建一个config. 阅读全文
posted @ 2020-12-01 17:21 苏小落 阅读(1883) 评论(0) 推荐(1) 编辑
摘要: vue的element-ui中有个日期时间选择器,有个需求就是只需要使用选择器,而不需要输入框,也就是说选择时间的触发条件是别的事件,比如点击某个按钮。 实现效果: 组件默认样式:输入框和时间选择器是绑定的,当点击输入框时,才显示时间选择器。 需求:当点击选项:自定义时间 时,显示出时间选择器,此时 阅读全文
posted @ 2020-11-23 17:44 苏小落 阅读(5033) 评论(3) 推荐(0) 编辑
摘要: vue是组件化的框架,也就是说有一个根组件,然后由根组件可以衍生出很多子组件,共同组成一个页面。此时就涉及到了组件间的通信,主要是数据的通信及方法的传递。 组件间通信有以下6种方式: 1.props/$emit; 最常用的组件通信方式,用于父子组件 2.$parent、$root/$children 阅读全文
posted @ 2020-11-03 20:12 苏小落 阅读(1324) 评论(0) 推荐(0) 编辑
摘要: 如上: 数据源和格式化分别在不同的两个子组件中,同时引用在了父组件中,需要在父组件中点击确定按钮时,校验父组件及两个子组件中的表单是否均满足校验。 使用el-form的:rules="rules"结合this.$refs[formName].validate((valid) => {}来做。 实现代 阅读全文
posted @ 2020-09-26 18:36 苏小落 阅读(5190) 评论(0) 推荐(2) 编辑