
vue + 后管
vue 开发后台管理中遇到较经典的功能点记录
keepfitt
这个作者很懒,什么都没留下…
展开
-
vue-cli3 搭建的vue项目,去除生产环境的错误提示及输出信息
1.去除错误提示:使用 Vue.config.silent。2.去除 console.log 控制台输出信息:使用 babel-plugin-transform-remove-console 插件。1)安装babel-plugin-transform-remove-console插件:npm install babel-plugin-transform-remove-console --save-dev2)在babel.config.js中配置插件信息:const productPlugins原创 2021-07-08 09:49:28 · 1675 阅读 · 0 评论 -
antd vue 刷新页面保留当前页面路由,保留menu选中菜单,浏览器导航栏回退时,menu子菜单会有多个选中状态的处理
antd vue 刷新页面保留当前页面路由,保留menu选中菜单,网上搜到一篇说的比较详细的博客,文章链接。本身项目中菜单有两级,正常操作选中菜单后,刷新页面会保留当前选中菜单,但是在点击浏览器搜索栏的回退箭头后,回退页及回退前的路由页面的菜单选中状态都会保留,这不是理想状态啊啊啊。打印发现,回退时控制选中类名的方法返回的是false,但是页面仍然渲染了选中样式,解决思路:当控制选中类名的方法返回的是false时,定义一个类名(未选中状态样式),代码如下:<template v-for="item原创 2021-06-30 14:42:10 · 1504 阅读 · 0 评论 -
element-ui中, 给 el-table 表格某特殊属性所在行添加特殊样式
给 el-table 的 cell-style 属性绑定方法:<el-table :data="tableData" :cell-style="cellStyle" border>...</el-table>// 在 methods 中定义方法:cellStyle(row) { // console.log(row); if ( row.row.syncFlag === "失败" && row.co原创 2021-06-28 15:59:35 · 1265 阅读 · 0 评论 -
vue项目,表格数据可编辑,并能实现行、列单元格的增加/删除
实现效果如下图所示:wxml部分代码如下: <view class='nav-3' scroll-y wx:elif='{{navNumber==3}}'> <scroll-view class='' scroll-y style="height: 100%;"> <view class='bottomtext'&g...原创 2021-01-08 14:36:52 · 785 阅读 · 0 评论 -
vue后管实现下载日志功能
下载功能,前端实现项目中,get请求,接口返回一个二进制文件流,通过js的Blob对象转成文件下载。toDownload() { const url = this.baseURL + "/**********/download?key=" + `${value}`; const xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.responseType = "blob"; xhr.原创 2020-11-30 17:12:27 · 531 阅读 · 0 评论