随笔分类 - vue
摘要：修改导入方式 // 方式二，此方法在开发环境以及生产环境下都能放到组件上下文对象（推荐） const {proxy} = getCurrentInstance(); 改为 // 方式二，此方法在开发环境以及生产环境下都能放到组件上下文对象（推荐） const proxy = getCurrentIn
阅读全文
摘要：定义数组赋值问题 /*let a=funcIdsByRoleId.value //会报错没有has let b=keys */ 改为 let a=new Set([...funcIdsByRoleId.value]); let b=new Set([...keys]);
阅读全文
摘要：pinia就是vuex5 1.安装引入 npm install pinia 2.引入与使用 store.js //1.定义容器 import { defineStore } from 'pinia' //参数1：容器的ID，必须唯一，将来Pinia会把所有的容器挂载到根容器 export const
阅读全文
摘要：以前是把验证码地址和id存在后端redis中，每次请求失败或成功都作废一组键值对；对于我的小服务器为了节省资源，我觉得把验证码放在前端生成，进行生成验证（前端客户端调用js，大部分还是前端来提供性能支撑）； 验证码组件 components/ValidCode.vue <template> <div
阅读全文
摘要：背景：我开始是直接点击服务器目录下的文件，但是Pdf、Png会打开的新的窗口， 我在后端的保存文件信息进数据库的时候，多加了一个后端服务器文件地址存储字段，用于前端传递给后端下载文件 vue前端 <el-table-column prop="Url" label="操作"> <template v-
阅读全文
摘要：背景 测试发现，无论上传成功上传失败显示的都会生成列表，并且失败了的也出现在了列表中，也没有任何的提示；看官方文档发现on-success钩子的函数中function(response, file, fileList)第一个参数是response，也就是后台给我们返回的结果。修改on-success
阅读全文
摘要：element ui格式化表格里面的时间 原文链接：https://blog.csdn.net/weixin_43503080/article/details/106136068 1.安装monet.js库 npm install moment --save 2.全局引入 import moment
阅读全文
摘要：vue中利用自定义指令修改elementUI对话框dialog到顶部的距离 在要修改组件的地方引用，或者全局main.js中引入 import Vue from "vue"; Vue.directive('alterELDialogMarginTop'/*修改elementUI中el-dialog顶
阅读全文
摘要：axios封装请求拦截器中给Authorization，添加token加Bearer。 main.js // 设置请求的根路径 axios.defaults.baseURL="http://localhost:8081/api/" axios.interceptors.request.use(con
阅读全文
摘要：关于vue- axios的post请求到后台数据为空的两种解决方法 一个Request Payload，一个Form Data。 将Request Payload 转为Form Data格式就可以了，有三种方式： 一、使用qs（推荐） 首先在你的项目里安装qs模块： npm install qs -
阅读全文
摘要：作用域插槽的使用 <!--卡片视图--> <el-card> <el-table :data="rightsList" border stripe> <el-table-column type="index"></el-table-column> <el-table-column label="权限
阅读全文
摘要：通过axios请求拦截器添加token 通过axios请求拦截器添加token,保证拥有获取数据的权限 axios.interceptors.request.use(config=>{ console.log(config) config.headers.Authorization = window
阅读全文
摘要：npm config set registry https://registry.npm.taobao.org
阅读全文
摘要：1.7 运行报错 error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style 解决方法 eslintrc.js ->》rules rules: { "linebreak-style": [0 ,"error", "win
阅读全文
摘要：首先在Vscode中安装一下Eslint 在settings.json中进行修改，加入以下代码即可。 "editor.codeActionsOnSave": { "source.fixAll.eslint": true, "eslint.autoFixOnSave" : true, }, 文件保存之
阅读全文
