黑夜无风的博客

需求：需要在商品列表页面点击添加商品按钮弹出添加商品页面解决：一、通过抽屉drawer弹出二、通过dialog弹出本文主要讲通过dialog弹出，其实原理是一样的。只是标签不一样

需求：需要用户关闭窗口时，弹出提示确认，如此则需要监听窗口关闭了百度找了下，发现大部分都是这样写的，在mounted里面添加监听事件但是呢，我这是试了下并没有生效，还是该关闭关闭，于是继续找，终于找到以下方法，可以在关闭的时候弹出提示如此问题就解决了，但是这样的提示样式不知道能不能进行改动，如知望告知！...

用户通过拖动表格列宽来实现保存用户自己的个性化设置，所以需要监听到表格列宽变化

前篇：vue-element-admin 快捷导航(标签栏导航)切换不刷新问题上面文章解决切换导航不刷新问题，然后随之而来的问题是：当标签栏关闭后，重新打开，由于缓存还在依然不会刷新，这就有点尴尬了，因为文档说过无法动态删除缓存，本来没觉得这是问题来着。。。。所以，遇到问题就得解决问题咯，继续百度寻找解决办法，于是找到个解决方法，目前来看是行之有效的，特此拿来收藏//在页面内的 beforeRouteLeave路由守卫里面操作beforeRouteLeave(to,from,next){ //

vue-fullcalendar GitHub地址最终效果：一、根据GitHub文档安装npm install vue-fullcalendar@latest --save二、main.js文件中写入import fullCalendar from 'vue-fullcalendar'Vue.component('full-calendar', fullCalendar)三、页面引用<full-calendar :events="fcEvents" lang="zh" @chan

在安装vue-element-admin的npm install的时候报错解决方案：一、桌面右键，git bash here 输入以下 ssh-keygen -t rsa -C “你的邮箱名称” overwrite输入y 输入密码的时候直接回车重复密码输入还是直接回车，然后把github上以前的sshkeys删除，c盘->用户->你的用户名->.ssh->id_rsa.pub里边的字符添加到github右上角头像->settings->ssh and GPG .

<el-date-picker v-model="value2" type="datetimerange" align="right" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"></el-date-picker>按照文档这样提交发现开始结束时间不是按设置的来的，提交的是：betweenTime: ["2021-11-15

keyCode实际键值48到570到965到90a到z（A到Z）112到135F1到F248BackSpace（退格）9Tab13Enter（回车）20Caps_Lock（大写锁定）32Space（空格键）37Left（左箭头）38Up（上箭头）39Right（右箭头）40Down（下箭头）在Vue中，已经为常用的按键设置了别名，这样我们就无需再去匹配keyCode，直接使用别名就能监听按键的...

el-table-column里面添加formatter 对值进行格式化，一直不生效，后来发现是template中插槽作用域导致的，也就是formatter作用于单个字段（即一个el-table-column）就是下面这种：<el-table-column field="cbje" title="成本金额" :formatter="floatFormatter" width="120" align="center"></el-table-column>而使用了templat

因为业务需求，需要携带参数跳转到当前页面刷新数据但是this.$router.push({name:’’,query:{id:response}})虽然有跳转，url中也有携带参数，但是表格数据并没有重新渲染所以就还要用上组件beforeRouteUpdate参考组件：beforeRouteUpdate (to, from, next) { // 在当前路由改变，但是该组件被复用时调用 // 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2

1. 表格解决卡顿问题，那么虚拟表格原理呢大概就是： 减少对DOM节点的渲染，通过滚动函数节流实现滚动后事件来动态渲染数据 2. 基础表格其实就是element的表格的升级版，修改了ele的表格bug（如果你想使用个普通表格你无需安装其他库，就使用这个表格即可），你可以发现基础表格里面的示例没有配置：use-virtual 这个属性。 3 基础表格没有使用use-virtual属性，代表表格数据不多，只想要一个普通的表格。如果你表格卡。请你关注下虚拟表格部分。 4. 使用u-table 开启u.

编辑表格无需鼠标，直接键盘操作就可以，很方便设置 mouse-config={selected: true} 启用单元格选中功能（只能用于 edit-config={mode: ‘cell’ } 有效）设置 keyboard-config={isArrow: true, isDel: true, isEnter: true, isTab: true, isEdit: true} 启用按键功能及任意键编辑功能，方向键、回车键、Tab 键、Esc 键、F2 键、Del、Back 键通过事件edit-cur