
vue项目
开发vue项目中的一些解决问题的方法总结
Yolo416
健康可爱,没有眼袋
展开
-
vue.config.js配置详解注释
vue.config.js配置详解注释原创 2022-09-29 17:36:43 · 408 阅读 · 1 评论 -
获取本地json文件
获取本地JSON文件请求报404错误,原因是vue-cli3.0之后创建的项目静态资源都放在了根目录下的public目录下,因此需要将json文件建在public目录下即可。原创 2022-09-17 15:02:22 · 5989 阅读 · 0 评论 -
element的el-table组件,在插槽slot=“header“内,数据不更新的问题
element的el-table组件,在插槽slot="header"内,数据不更新的问题转载 2022-09-14 10:15:34 · 3159 阅读 · 1 评论 -
js 递归实现筛选出两个(树状数组)中相同的数据
js 递归实现筛选出两个(树状数组)中相同的数据转载 2022-08-17 15:24:46 · 1357 阅读 · 3 评论 -
vue2 后端做好导出功能,前端导出 Excel表 (下载excel权限限制处理) - 将blob返回值转换为json格式
/** * @param {Object} obj 导出Excel表 后缀:suffix * 导出功能:vue下载excel权限限制处理 exportExcel * 下载excel但是需要传token来验证的问题,一般情况下是用直接指向地址来实现,但是token校验没办法实现,所以就用到了blod */export const exportExcel = (data, fileName, suffix = '.xlsx') => { // console.log(dateFormater原创 2022-04-18 18:12:38 · 1395 阅读 · 0 评论 -
Vue 项目重复点击菜单刷新当前页面
场景最近在项目开发过程中,项目经理提了一个需求:在当前页面点击当前页面对应的(左侧)菜单时,也能刷新页面。由于 Vue 项目的路由机制是路由不变的情况下,对应的组件是不重新渲染的。所以重复点击菜单不会改变路由,然后页面就无法刷新了。解决方案: 借助重定向利用一个空的 redirect 页面,通过判断当前路由是否与点击的路由一致,如果一致,则跳转到 redirect 页面,然后在 redirect 页面重定向回跳转之前的页面。这样就实现了页面刷新了。1.创建一个空的页面:src/layout转载 2022-04-09 11:14:47 · 1866 阅读 · 2 评论 -
mock数据(模拟数据)
目的:mockjs基本使用mockjs可以模拟可更快的得到较为真实的数据,且可以拦截axios的接口调用,让我们的代码实现了调用接口的逻辑且得到模拟的数据,保存业务完整度。当然模拟数据有一定的规则请参考: http://mockjs.com/目标:模拟 /my/test 接口,随机返回点数据。1. 基本使用步骤:安装npm i mockjs或yarn add mockjs2. 配置 src/mock/index.jsimport Mock from 'mockjs'// moc.原创 2021-08-28 15:33:57 · 4017 阅读 · 0 评论 -
倒计时 - 项目
效果图代码String s1;String s2;String s3;long hour = time / 3600;s1 = hour > 9 ? String.valueOf(hour) : "0" + hour;long minute = time % 3600 / 60;s2 = minute > 9 ? String.valueOf(minute) : "0" + minute;long sec = time % 3600 % 60;s3 = sec >原创 2021-12-14 18:31:10 · 239 阅读 · 0 评论 -
添加滚动条效果
方案一elementUi - 固定表头height="500"方案二效果图:<div class="infinite"> 内容 ... </div>// 设置Y轴滚动条.infinite{ // width: 800px; height: 500px; overflow-y: scroll;}原创 2021-11-18 15:55:42 · 228 阅读 · 0 评论 -
el-table 空单元格填充自定义内容
效果图代码<el-form-item label="满额包邮" class="AddStore-box-item"> <el-input v-model="form.fullQuota" placeholder="请输入多少元" /> <el-tag :hit="false" size="medium" color="#fff">元</el-tag></el-form-item><el-table-column prop="转载 2021-11-10 18:09:53 · 1298 阅读 · 0 评论 -
用 el-switch 显示状态
<el-table-column prop="state" label="状态"> <template #default="{row}"> <el-switch :value="row.state === 0" active-color="#13ce66" /> <!-- el-switch 可以 v-model 绑定一个布尔值 但是现在我们没有布尔值, 也不需要双向绑.原创 2021-11-10 14:26:59 · 725 阅读 · 0 评论 -
Element Backtop回到顶部的具体使用
解决element-ui el-backtop返回顶部组件无效问题el-backtop绑定的盒子,需要一个滚动样式:overflow-y: scroll;<template> <div id="app"> <router-view /> <!-- 绑定app盒子 --> <el-backtop target="#app" :visibility-height="100" /> </div><转载 2021-11-04 14:40:51 · 1065 阅读 · 1 评论