摘要:
0. 缘起 我有1个el-menu生成的菜单,下面有个带着router-view的el-main,结果侧边栏的某个选项存在着点击跳转到空白页面的阴间BUG。那么,耗费在下四小时心血找到的BUG,究竟是个什么东西呢? 1. 看不见的BUG 这个BUG的表现形式还真是看不见对应组件。我有ABC三个组件, 阅读全文
摘要:
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 阅读全文
摘要:
0. 缘起 序号 名字 年龄 1 Alice 2 2 Yuri 4 要在第二行下面新起一行,来添加新数据。这个我特么还真没想到怎么做。继续抄了组长代码,发现有个很巧妙的地方,同一个form既可以用作编辑,也可以用来新增,就用一个小小的判断语句即可。 1. 做法 <el-table fit :data 阅读全文
摘要:
0. 缘起 之前做过一个fabric.js小画板,里面用到了上传图片作为画板底图的效果。但怎么本地上传至服务器,我还真不会。要用到,于是搜索了一波,但是发现那些搜索结果,大同小异地看起来都很麻烦,想到之前组长项目里也用到过类似效果,不如观摩观摩学习学习。 1. 过程 // template <el- 阅读全文
摘要:
0. 缘起 我个弱智。对话框打开都不会了。。。 1. sync与emit update姐妹 sync允许子组件往父组件发送带有sync标记的数值改变,emit理解为事件传递小车,update是车上的喇叭,通知父组件这玩意改变了。 2. 正确操作 父 <magic-box-edition :visib 阅读全文
摘要:
0. 缘起 涉及到表格赋值初始化,发现有个获取名字的地方一直报错,就很纳闷。然后一打印,沃日,竟然值都undefined了。 1. 常规方法 当然就是在获取表格数据前,先把拿到名字数组的方法做一下。做了,但尼玛在表格中还是用不了(柠檬树了)。 再看看this指向有没有问题,放在函数外面看下有没有,指 阅读全文
摘要:
0. 缘起 后台要能跳到显示的对应界面,而且还免登录,鬼东西我刚知道真的是一头雾水,组长说能做,然后他就写了个半成品又丢给我😓 1. 具体 // 后台部分 async previewUIConfig(val) { let res = await getTokenConvert(); let tok 阅读全文