随笔分类 - vue
摘要：关于 setup 第一个入参 props 解构props后会丢失响应性，这里可以用props.title来使用，也可以用toRefs或者toRef来避免这一缺点。 需要解构 props 对象，或者需要将某个 prop 传到一个外部函数中并保持响应性 import { toRefs, toRef }
阅读全文
摘要：瀑布流练习题 0. 瀑布流的形成 各种高度不同的方块平铺。需要注意的是，第二行开始，选高度最小的方块位置插入新的方块，即需要记住当前高度数组。 1. 父组件 瀑布流的容器 这里的number是为了验证是否如开头所言，插入选取位置最矮的 <template> <WaterFall :list="lis
阅读全文
摘要：0. 缘起 Axios封装是非常重要的一件事，我之前因为用的框架所以妹有怎么关心，既然要闪人，还是得自己思索怎么封装Axios的。 1. Axios的构成 Axios看云文档 2. Axios封装 2.1 全局头信息 axios.defaults.headers["Content-Type"] =
阅读全文
摘要：0. 缘起 项目有个数据初始化的问题，默认要昨天的，我一想到以前写过一个数字判断版本的就头皮发麻。结果网上一搜，没我想象的那么难嘛。 1. 时间处理函数 GetDateStr() { let dd = new Date(); let AddDayCount = -1; dd.setDate(dd.g
阅读全文
摘要：0. 缘起 不太开心，以为闲着了又改了，心情不好，不过组长啪啪就把这个写好了，我可以抄一抄。虽然遇到了蜜汁的问题！ 1. 指令 这里写了个指令，指令的官网文档说道 除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽
阅读全文
摘要：el-menu：浩瀚无垠 0. 缘起 遇到了一个需要展现多级列表的需求，之前写的版本就是我嗯写死的二级菜单，现在想来个Updated版本，所以需要我这里调整。抄了组长整的无极列表组件，不过我还需要对项目兼容进行一些调整。 1. v-if与v-for的循环产生el-menu-item与el-subme
阅读全文
摘要：0. 缘起 用到了级联选择器，结果选中成数组好理解，回显却成了大问题。问了下小伙伴，小伙伴表示是递归查找路径，我也整了一波。 1. 使用 <el-cascader v-if="userType.includes('平台')" v-model="selectOrg" :options="options
阅读全文
摘要：0. 缘起 痛苦面具啊，搞了个el-form的CSS格式。莫名其妙的就没法对齐，NMSL。 之前做考勤管理也遇到过一次，用的是局部flex解决了，今天这次又遇到，我想着用旧方法，结果还是不行，艹了！！！ 1. 解决 .enterprise-form { .el-form { display: fle
阅读全文
摘要：0. 缘起 第一次用el-tree，是一个很阴间的任务，不过可以抄小伙伴的，快乐抄了过来结果发现我这边出了个BUG，省市区，市级选中其下所有的区也被选中。但我一看请求返回值，它的是否选中状态是正确的。所以我需要抓抓代码BUG。 1. 封装el-tree 整体封装组件代码见附录 <self-tree
阅读全文
摘要：0. 缘起 today, afraid by 省市区！！！ 出现了1个阴间问题，只要我改了省，之后的市和区就无法选中！！！原因就是我watch省，省改变就把市区都变成''，但初始化的时候没有初始化这三个，所以就出现了很阴间的情况！！！ 1. 关键 this.form = { industryType
阅读全文
摘要：0. 缘起 在掘金看见的dayjs时间插件，说可以完美替代moment.js，而且功能贼多。我一看，好家伙官网教程给的好详细啊，速速用上。 1. 官网文档 https://dayjs.gitee.io/docs/zh-CN/parse/now 2. 项目使用 npm install dayjs /m
阅读全文
摘要：0. 缘起 忘了vuex里面的module咋用的了 1. 官网文档 Module | Vuex (vuejs.org) 2. 拆分使用 2.1 vuex 文件夹下 index.js import Vue from 'vue' import Vuex from 'vuex' import getter
阅读全文
摘要：0. 缘起 自研后台管理系统需要整个企业微信扫码登录。 官网文档 构造扫码登录链接 - 接口文档 - 企业微信开发者中心 (qq.com) 1. 第一种方法 直接通过iframe显示（会有CORB浏览器拦截的警告） <iframe :src="codeUrl" height="500px" :scr
阅读全文
摘要：0. 缘起 项目中有个跨端登录的需求，上次应该说到过用window.name来传信息，这次我们用query，就涉及到关于字符串的处理。然后！因为这项目还有动态路由，就导致全局路由守卫方法非常的臃肿繁复。我受不了了！ 1. 来点小菜——字符串处理 1.1 分割 split split可以用__正则__
阅读全文
摘要：0. 缘起 遇到一个跨域跳转，还要带上信息的问题。传统的localStorage\sessionStorage\Cookies显然无法满足我的需求了，所以另寻他法，找到一个window.name的方法挺好用的。 1. 同源 我的需求是A界面上点击表格某项跳转到对应的B界面，A界面会传值到B界面。AB
阅读全文
摘要：0. 缘起 看组长写的代码里，出现了一处baseEventBus，好奇这个东西是什么，看了下作用，竟然是传递值到某个组件。这个跨组件通信的方法很有趣，之前看书看到过，不过写法没有这个版本的优雅，于是记录一下。 1. 小车用法 1.1 创建小车 /utils/index.js import Vue f
阅读全文
摘要：0. 缘起 东西做着做着忽然发现表格下方有个（导入）按钮，我纳闷了，想之前就直接传了个文件，怕不是需要把tableData换成这个，于是就开始自己琢磨。最后捏，发现人后端做完了这个导入新增的功能，我默默地删了新写的代码，不过这玩意也挺有挑战的，值得纪念！ 1. 代码 <el-upload class
阅读全文
摘要：0. 缘起 项目里用到了element ui中的el-select下拉框组件，结果发现它一直都不显示对应的label值（黄金糕），反而显示了value值（1）。 1. 原因 下拉框显示的是label。当选中一个选项时，会绑定对应的value值。 同理如果给定一个value值，则会找到对应的key值进
阅读全文
摘要：0. 缘起 就el-table里面表格用一下泡泡弹出框效果，结果发现有三个阴间bug 仿照官网使用v-model="visible"的形式，点击弹出框无效果，但是点击事件是触发了的。 不使用v-model，直接用el-popover，有个自带的点击展开，再点击外围区域关闭的效果。勉强能用，但是和我的
阅读全文
摘要：0. 缘起 下载，不同文本流有不同下载方式。 1. 图片下载 我直接嗯用以前下载图片的方法，改了下文本流的获取和下载名就敢直接用。结果，呃，直接文件损坏无法打开。 //导出图片 exportPic() { //canvas的toDataURL()方法返回一个包含图片展示的数据URL const da
阅读全文
浙公网安备 33010602011771号