伟dzw

2021年12月16日

摘要：项目中实现的效果如图: HTML部分: <el-button style="margin-left:30px">手动</el-button> <el-button style="margin-left:30px">自动</el-button> CSS部分: .el-select-dropdown { 阅读全文

posted @ 2021-12-16 17:04 伟dzw 阅读(1891) 评论(0) 推荐(0)

自定义element-ui的button组件样式

摘要：项目中需要实现的效果如图: HTML部分: <el-button style="margin-left:30px">手动</el-button> <el-button style="margin-left:30px">自动</el-button> CSS部分: .el-button { width: 阅读全文

posted @ 2021-12-16 16:39 伟dzw 阅读(1823) 评论(0) 推荐(0)

自定义element-ui的分页按钮样式

摘要：项目中需要用到的分页按钮样式如图: HTML部分: <el-pagination background layout="prev, pager, next, jumper" :total="500"> </el-pagination> CSS部分: .el-pagination { float: r 阅读全文

posted @ 2021-12-16 15:19 伟dzw 阅读(1310) 评论(0) 推荐(0)

自定义element的tab栏样式

摘要：项目中需要实现的tab栏样式: 无底部分割线,无选中时的底部边框,修改tab栏大小,设置选中时的背景和字体颜色变化 html部分: <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" na 阅读全文

posted @ 2021-12-16 11:27 伟dzw 阅读(5495) 评论(0) 推荐(0)

2021年12月15日

自定义element-ui的radio选择框样式

摘要：样式需求: 未完成样式: 问题:选中的radio样式边框未完成,对其进行修改,没有效果 HTML代码: <div class="form-text"><span>防护区域：</span></div> <div class="form-right"> <el-radio v-model="radio" 阅读全文

posted @ 2021-12-15 18:13 伟dzw 阅读(2338) 评论(0) 推荐(0)

2021年12月10日

VUE命名规范

摘要：其实刚开始我写 vue 文件的时候也不注意，各种驼峰啊、大写开头 (PascalCase)还是横线连接 (kebab-case)混着来，谁叫 vue 都可以，在风格指南中也没有定论。不过基于本项目我还是整理了一套文件的命名规则。 Component 所有的Component文件都是以大写开头 ( 阅读全文

posted @ 2021-12-10 17:40 伟dzw 阅读(1648) 评论(0) 推荐(1)

async/await or promise

摘要：本次更新中，我也将部分代码用了async/await的方式替代了原有的 promise方式，主要是 @/src/permission.js。有兴趣的大家自己可以通过 git-history 自己对比下，可以发现代码阅读性高了不少。不过本项目中也并没有把所有promise用async/await替代阅读全文

posted @ 2021-12-10 17:38 伟dzw 阅读(55) 评论(0) 推荐(0)

VUE引入并使用Echarts

摘要：管理后台图表也是常见得需求。这里图表就只推荐ECharts，功能齐全，社区demo也丰富gallery。我还是那个观点，大部分插件建议大家还是自己用vue来包装就好了，真的很简单。ECharts支持webpack引入，图省事可以将ECharts整个引入var echarts = require('e 阅读全文

posted @ 2021-12-10 17:09 伟dzw 阅读(397) 评论(0) 推荐(0)

vue的keep-alive使用

摘要： tab在后台项目中也比较常用的。假设我们有四个tab选项，每个tab都会向后端请求数据，但我们希望一开始只会请求当前的tab数据，而且tab来回切换的时候不会重复请求，只会实例化一次。首先我们想到的就是用v-if 这样的确能做到一开始不会挂载后面的tab，但有一个问题，每次点击这个tab组件都会重新阅读全文

posted @ 2021-12-10 16:59 伟dzw 阅读(267) 评论(0) 推荐(0)

公告