12 2021 档案

我晒干了沉默，后悔的很冲动：el-table&el-popover的今生孽缘
摘要：0. 缘起 就el-table里面表格用一下泡泡弹出框效果，结果发现有三个阴间bug 仿照官网使用v-model="visible"的形式，点击弹出框无效果，但是点击事件是触发了的。 不使用v-model，直接用el-popover，有个自带的点击展开，再点击外围区域关闭的效果。勉强能用，但是和我的 阅读全文
posted @ 2021-12-31 16:35 乐盘游 阅读(634) 评论(0) 推荐(0)
那么轻，那么重：图片下载与压缩包下载
摘要：0. 缘起 下载，不同文本流有不同下载方式。 1. 图片下载 我直接嗯用以前下载图片的方法，改了下文本流的获取和下载名就敢直接用。结果，呃，直接文件损坏无法打开。 //导出图片 exportPic() { //canvas的toDataURL()方法返回一个包含图片展示的数据URL const da 阅读全文
posted @ 2021-12-29 16:54 乐盘游 阅读(419) 评论(0) 推荐(0)
我亲爱的你，有两副面孔：表格末尾添加新内容
摘要：0. 缘起 序号 名字 年龄 1 Alice 2 2 Yuri 4 要在第二行下面新起一行，来添加新数据。这个我特么还真没想到怎么做。继续抄了组长代码，发现有个很巧妙的地方，同一个form既可以用作编辑，也可以用来新增，就用一个小小的判断语句即可。 1. 做法 <el-table fit :data 阅读全文
posted @ 2021-12-28 14:39 乐盘游 阅读(72) 评论(0) 推荐(0)
众里寻他千百度，蓦然回首，那人却在灯火阑珊处：上传の方法
摘要：0. 缘起 之前做过一个fabric.js小画板，里面用到了上传图片作为画板底图的效果。但怎么本地上传至服务器，我还真不会。要用到，于是搜索了一波，但是发现那些搜索结果，大同小异地看起来都很麻烦，想到之前组长项目里也用到过类似效果，不如观摩观摩学习学习。 1. 过程 // template <el- 阅读全文
posted @ 2021-12-28 14:31 乐盘游 阅读(94) 评论(0) 推荐(0)
Close to you, Forget me: sync & emit update
摘要：0. 缘起 我个弱智。对话框打开都不会了。。。 1. sync与emit update姐妹 sync允许子组件往父组件发送带有sync标记的数值改变，emit理解为事件传递小车，update是车上的喇叭，通知父组件这玩意改变了。 2. 正确操作 父 <magic-box-edition :visib 阅读全文
posted @ 2021-12-27 16:36 乐盘游 阅读(68) 评论(0) 推荐(0)
我藏在你的心里，你却不愿意寻找# BUG躲猫猫
摘要：0. 缘起 涉及到表格赋值初始化，发现有个获取名字的地方一直报错，就很纳闷。然后一打印，沃日，竟然值都undefined了。 1. 常规方法 当然就是在获取表格数据前，先把拿到名字数组的方法做一下。做了，但尼玛在表格中还是用不了（柠檬树了）。 再看看this指向有没有问题，放在函数外面看下有没有，指 阅读全文
posted @ 2021-12-27 16:13 乐盘游 阅读(52) 评论(0) 推荐(0)
阴间需求之跨端登录
摘要：0. 缘起 后台要能跳到显示的对应界面，而且还免登录，鬼东西我刚知道真的是一头雾水，组长说能做，然后他就写了个半成品又丢给我😓 1. 具体 // 后台部分 async previewUIConfig(val) { let res = await getTokenConvert(); let tok 阅读全文
posted @ 2021-12-24 18:23 乐盘游 阅读(91) 评论(0) 推荐(0)
我在el-table就变了个模样，请你不要再想我，想起我
摘要：0. 缘起 上次提到过由于层级过深，模板无法及时感应数值变化而更新，那么这回的【按钮内容不及时更新】虽然表现和上次的一样，解决方法却不是一样的。 层级过深无法探知改变的传送门 1. el-table之殇 一言难尽啊，这玩意的变化不能如我所想，我也不太会做动态表格项。后来想想，如果用之前封装的超级表格 阅读全文
posted @ 2021-12-23 11:02 乐盘游 阅读(69) 评论(0) 推荐(0)
map与filter：你先我先？
摘要：0. 缘起 做1个阴间功能的时候，遇到了把1级菜单里的二级菜单找出来，塞进对应1级菜单，却屡次报1个xx is undefined的问题。我左思右想，感觉是函数执行顺序，给这个变来变去的tableData带来巨大负担。 1. 做法 let temp = this.tableData.map((key 阅读全文
posted @ 2021-12-22 17:22 乐盘游 阅读(212) 评论(0) 推荐(0)
SCP打包部署方法
摘要：npm i -g scp "deploy": "scp -r dist root@position:/usr/local/admin/" npm run build打包完成（如果遇见打包失败，用yarn install试试）后，装scp，再运行 npm run deploy ，输入服务器端账号密码。 阅读全文
posted @ 2021-12-20 11:35 乐盘游 阅读(183) 评论(0) 推荐(0)
阴间BUG之动态路由添加失败
摘要：0. BUG直通车 Duplicate named routes definition 错误原因：路由中有重复的名称。 1. 路由缓存的锅 vue-router动态添加路由的方法，addRouter添加路由，提示：Duplicate named routes definition-Bug收集 - B 阅读全文
posted @ 2021-12-20 11:15 乐盘游 阅读(701) 评论(0) 推荐(0)
indexOf 与 includes
摘要：indexOf与includes的区别 - 知乎 (zhihu.com) ES5 indexOf returnValue Integer (if it exists, return its position index, else return -1) ES6 includes returnValu 阅读全文
posted @ 2021-12-17 14:06 乐盘游 阅读(49) 评论(0) 推荐(0)
阴间BUG之动态路由刷新几率回首页
摘要：0. 缘起 有个动态路由，根据后台传来的路由信息存vuex生成对应路由，然后因为在router.js里有一处根据静态界面数量判断是否刷新和1个后加的需求刷新改变某动态界面样式即时可查看，这网页就变得很灵异了。几率刷新界面跳转回登录页或者/tfw一个静态页面，我团队的小伙伴都苦不堪言，我也极其痛苦。 阅读全文
posted @ 2021-12-17 11:11 乐盘游 阅读(239) 评论(0) 推荐(0)
神奇的props
摘要：props: { deliver: { type: Object, default: () => { return {}; }, }, }, deliver {} props: { deliver: { type: Object, default: () => {}, }, }, deliver u 阅读全文
posted @ 2021-12-15 17:52 乐盘游 阅读(34) 评论(0) 推荐(0)
Axios双虎将：GET&POST
摘要：0. 缘起 在下从初学者开始，就对这两员大将一直很是胆战心惊。但今天因为一些事情的发生，也为了坚实基础，所以写下这篇文章以备后用。 1. 官方介绍 使用说明 · Axios 中文说明 · 看云 (kancloud.cn) 我挺喜欢这篇看云的官网axios介绍文章，另一个版本的蓝白配色，看的我眼睛要瞎 阅读全文
posted @ 2021-12-15 16:25 乐盘游 阅读(68) 评论(0) 推荐(0)
深层次下v-model与函数的自动调用
摘要：0. 缘起 之前做项目的时候遇到一个很阴间的问题，如果多层级了，el-input就无法根据绑定的v-model更新值，这个问题倒好解决，给他的输入方法加个强制更新。 this.$forceUpdate(); <el-input v-else @input="onInput()" v-model="f 阅读全文
posted @ 2021-12-15 14:11 乐盘游 阅读(1328) 评论(0) 推荐(0)
el-checkboxの惊天BUG之 v-mode 你和JSON.parse(JSON.stringify(obj))有仇？
摘要：0. the begin of love river 抄了个大佬的代码，然后我发现el-select上的v-model一直不生效，加个@change监视下值的变化，发现值变了！但el-select上的显示一直不变。 1. f**k road v-model 稳如泰山 鼠标都快点烂了，显示是不变的 < 阅读全文
posted @ 2021-12-03 17:20 乐盘游 阅读(516) 评论(0) 推荐(0)
为什么浮云身后留：JSON->JS
摘要：0. 缘起 令人蛋疼的需求，后台传来JSON形式的配置option，我前端需要先拿到这个，再在使用（修改图表配置）的时候转换为JS，等转换完毕再发送给后端原格式的option。就是JSON->JS->JSON，来一套九转返生。 1. JSON兄弟会 JSON.stringify(obj) → JSO 阅读全文
posted @ 2021-12-02 14:48 乐盘游 阅读(42) 评论(0) 推荐(0)