![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
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-dev 2)在babel.config.js中配置插件信息: const productPlugins原创 2021-07-08 09:49:28 · 1520 阅读 · 0 评论 -
antd vue 刷新页面保留当前页面路由,保留menu选中菜单,浏览器导航栏回退时,menu子菜单会有多个选中状态的处理
antd vue 刷新页面保留当前页面路由,保留menu选中菜单,网上搜到一篇说的比较详细的博客,文章链接。 本身项目中菜单有两级,正常操作选中菜单后,刷新页面会保留当前选中菜单,但是在点击浏览器搜索栏的回退箭头后,回退页及回退前的路由页面的菜单选中状态都会保留,这不是理想状态啊啊啊。打印发现,回退时控制选中类名的方法返回的是false,但是页面仍然渲染了选中样式,解决思路:当控制选中类名的方法返回的是false时,定义一个类名(未选中状态样式),代码如下: <template v-for="item原创 2021-06-30 14:42:10 · 1377 阅读 · 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 · 1207 阅读 · 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 · 704 阅读 · 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 · 465 阅读 · 0 评论