小方块的博客

摘要： vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。vConsole.js 重写console方法，实现了类似于微信小程序的移动端调试效果。 直接引入使用 <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vc 阅读全文

摘要： 问题描述 element-admin中使用tab切换到不同的路由，发现每次切换tab路由都会执行两次生命周期 <tabs :tabs="tabs" v-model="activeName" @on-switch="handleSwitch" > <components :is="activeName 阅读全文

摘要： 问题分析 原本在自己的分支dev_self上开发然后合并到dev，一次提交过后没有切换分支直接在dev上修改了，在dev 使用git push后才发现分支错了。 先在dev回退以下刚才的提交 # 使用soft可以保留上次add的内容 git reset --soft HEAD^ 把修改的代码从自己的 阅读全文

摘要： 问题描述 页面需要动态计算table高度，在computed属性中使用了$refs但是无法得到一个可用的数据 问题分析 computed中 return一个常量时不会再触发数据双向绑定，一开始$refs无效，此时computed属性返回了一个常量值，所以后续不在触发。 问题解决 // 使用setTi 阅读全文

摘要： 问题描述 项目开发过程中需要生成一段脚本，并执行试算，所以使用了eval，eslist警告可以通过 // eslint-disable-next-line 解决。 但是Vulnerabilities警告无法避免。 问题解决 定义一个公共方法 eval2 使用方法和eval一样。 export con 阅读全文

摘要： 问题描述 el-table显示树形数据报错 Error: for nested data item, row-key is required TypeError: this.$el.querySelectorAll is not a function 问题分析 后端返回的树形结构中没有返回id字段， 阅读全文

摘要： 问题描述 打开eslint 在一个switch语句中定义了一个变量就报错了 Unexpected lexical declaration in case block(no-case-declarations) // 该规则禁止词法声明 (let、const、function 和 class) 出现在 阅读全文

摘要： 问题描述 需求是在table中使用日期组件，table是已经封装好的，通过render渲染el-date-picker组件 问题解决 页面渲染 // 注意 :column="item" 其中item是tableData的一项 <template slot-scope="scope"> <ex-slo 阅读全文

摘要： 问题描述 一个可编辑的table，新增时把所有的数据都传给后端，修改时候把修改的几条数据传给后台。 问题分析 传给后端一个list，list中包含id和name属性，可以考虑使用es6的map数据结构，id作为可以，name作为value，比如 map.set(id, name) // 新增初始化数 阅读全文

摘要： el-table排序的问题 <el-table ref="tableList" :data="tableData" :default-sort = "{prop: 'date', order: 'descending'}" @sort-change="sortChange" > <el-table- 阅读全文