随笔分类 - vite2+vue3+elementplus
摘要：1.在封装的请求api函数中增加一个onDownloadProgress参数 export function getTxtUid(query,onDownloadProgress){ return service({ method:'post', //请求的方法 url:`/************
阅读全文
摘要：.AccountTree /deep/ { --el-tree-node-hover-bg-color: red; } .类名 /deep/{ elementplus对应的样式 }
阅读全文
摘要：1、父传子 父：<HelloWorld :msg=msg_hellow /> 子接收： ts的写法：defineProps<{ msg: string }>() js的写法：cosnt props=defineProps({ msg:{ type:String， default:()=>"没有传值显
阅读全文
摘要：package.josn 删除 "default-passive-events": "^2.0.0", main.js 注释//import 'default-passive-events' //会导致echarts报错 ：Unable to preventDefault inside passiv
阅读全文
摘要：产生的原因：Tabs 标签页在点击的时候，才会去执行DOM渲染，但是echarts如果在页面加载的时候就进行渲染了（echarts渲染时，必须要输入width or height ），但是此时tabs里面的单个标签DOM还没被渲染，所以就算给echarts定义了width or height ，也会
阅读全文
摘要：这里说的域名就是ip+端口绑定的；可以这样理解一个解析后的域名 等同于 Ip+端口 例如： 解析后的域名：www.baidu.com/api = localhost:80/api =190.168.1.1:80/api 通常情况下，后端在配置请求的时候，如果没有设置允许所有域名访问，那么我们本地浏览
阅读全文
摘要：背景：前端使用ssl加密实现http，但是后端走的springboot的接口为了方便，就没有配置ssl加密； 有很多种方案，如果时间多，最好的是前后端都用ssl加密证书实现https; 我这里使用一种最简单的方式，使用nginx代理转发的方式，把所有api的接口反向代理到http的域名上； vue前
阅读全文
摘要：针对新版本vue3的例子很少，还有elementplus相对于element ui 删除了一部分的api 一、首先使用DateTimePicker 日期时间选择器中自带的api disablesDate对日期——年月日——进行范围控制 <el-date-picker v-model="value1"
阅读全文
摘要：安装配置 npm install particles.vue3 全局引入main.js import Particles from 'particles.vue3' app.use() .use(Particles) .mount('#app') 页面中使用 <div class="login" >
阅读全文
摘要：//.类名选择器::v-deep(.要修改的子类) .select_hop ::v-deep(.el-tag--info) { background-color: #409eff; }
阅读全文
摘要：vue3.2中好用的图片裁剪工具 https://github.com/xyxiao001/vue-cropper 演示地址：按需保留需要的功能 http://github.xyxiao.cn/vue-cropper/example/ # 需要使用外层容器包裹并设置宽高 ## 使用 注意： 需要关掉
阅读全文
摘要：中文文档地址：文档很多功能都有介绍使用，我主要用到的是getImageData()这个方法，在画布上对对图片进行处理;所有对图片和画布的函数使用方法都可以在文档中找到详细的使用方法和例子， https://www.canvasapi.cn/ 1、使用ref定义引入canvas标签对象；后面可以直接调
阅读全文
摘要：pinia就是vuex5 1.安装引入 npm install pinia 2.引入与使用 store.js //1.定义容器 import { defineStore } from 'pinia' //参数1：容器的ID，必须唯一，将来Pinia会把所有的容器挂载到根容器 export const
阅读全文
摘要：加上direction="vertical" <el-container > <!--左侧栏菜单 menu：组件--> <Aside /> <el-container direction="vertical"> <!--头部内容区域 Header ：组件--> <Header /> <!--右部内容
阅读全文
摘要：height: calc(100vh - 50px); 请注意, 减号前后必须有空格!!! 减号前后必须有空格!!! 减号前后必须有空格!!!
阅读全文
