摘要：
原生排序 let arr = [5,2,1,4,9,8] for(let i = 0 ; i < arr.length ; i ++) { for(let j = 0 ; j < arr.length -1 ; j ++) { if(arr[j] > arr[j+1]){ let num = arr 阅读全文
摘要：
使用框架：element Plus + vue3 场景描述： 场景一： 表单的添加和修改功能，公用同一个弹框，点击修改后，点击添加表单显示的是上次修改的数据。 场景二： 点击修改，数据回显到表单，然后点击取消关闭弹框，在关闭的时候使用resetFields()清空数据，第二次点击修改的时候，回显的数 阅读全文
摘要：
在写表单的时候，容易碰到这种嵌套表单的数据校验，并且这种表单是动态添加的，网上大部分的做法是表单套表单，实际上只需要一个表单就可以了。 为了方便观看，这里只列举了两条数据 多级表单嵌套校验 <el-form ref="ruleFormRef" :model="ruleForm.FormTable" 阅读全文
摘要：
在开发中有些功能是通用的，而且逻辑大致相同，像这种东西可以封成一个组件，比较常用的就是函数封装，组件封装，组件封装是需要引入到页面使用的，所以通常它会有一些自己的方法，父子组件可以通过一些值来进行关联，这种方式也就是我们所说的组件传值，vue3+ts的组件传值其实就是组件传值加上了数据类型约束，并没 阅读全文
摘要：
实现效果 导出后的效果： 步骤 第一步：安装依赖 npm install --save xlsx file-saver 第二步：给表格添加id，导出的时候需要用到 <!-- 导出按钮 --> <el-button type="primary" @click="exportExcel">导出</el- 阅读全文
摘要：
使用 mitt // 全局引入 npm install mitt 或者 cnpm install mitt 在main文件中挂载 import { createApp } from 'vue' import App from './App.vue' import mitt from 'mitt' / 阅读全文
摘要：
NProgress.js 官网：https://ricostacruz.com/nprogress/ 安装方式： npm install nprogress 使用方法 在router 的index.js文件下引入 // 引入NProgress进度条 import NProgress from 'np 阅读全文
摘要：
TS的基础使用 // 数字 let num = ref<number>(100) // 文字 let str = rer<string>('文字') // boolean let bo = ref<boolean>(true) // null let n = ref<null>(null) // u 阅读全文
摘要：
某些场景下，我们拿到的键名与预期的键名不符，这个时候就需要替换键名来得到我们想要的内容 let obj = [ { id:1, title:'zs' }, { id:2, title:'ls' } ]; // 但是我们实际想要的效果是： {id:1,name:'zs'} // 此时可以把对象转为st 阅读全文
摘要：
这里主要用到button的open-type功能，官网已有说明： 给button设置open-type="chooseAvatar"，来使bindchooseavatar方法生效，在bindchooseavatar指定的函数中获取用户的头像信息 <button open-type="chooseAv 阅读全文