摘要: 使用框架:element Plus + vue3 场景描述: 场景一: 表单的添加和修改功能,公用同一个弹框,点击修改后,点击添加表单显示的是上次修改的数据。 场景二: 点击修改,数据回显到表单,然后点击取消关闭弹框,在关闭的时候使用resetFields()清空数据,第二次点击修改的时候,回显的数 阅读全文
posted @ 2023-02-08 17:59 兔子先森Ace 阅读(1239) 评论(0) 推荐(0) 编辑
摘要: 在写表单的时候,容易碰到这种嵌套表单的数据校验,并且这种表单是动态添加的,网上大部分的做法是表单套表单,实际上只需要一个表单就可以了。 为了方便观看,这里只列举了两条数据 多级表单嵌套校验 <el-form ref="ruleFormRef" :model="ruleForm.FormTable" 阅读全文
posted @ 2023-02-08 17:58 兔子先森Ace 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 在开发中有些功能是通用的,而且逻辑大致相同,像这种东西可以封成一个组件,比较常用的就是函数封装,组件封装,组件封装是需要引入到页面使用的,所以通常它会有一些自己的方法,父子组件可以通过一些值来进行关联,这种方式也就是我们所说的组件传值,vue3+ts的组件传值其实就是组件传值加上了数据类型约束,并没 阅读全文
posted @ 2023-02-08 17:57 兔子先森Ace 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 实现效果 导出后的效果: 步骤 第一步:安装依赖 npm install --save xlsx file-saver 第二步:给表格添加id,导出的时候需要用到 <!-- 导出按钮 --> <el-button type="primary" @click="exportExcel">导出</el- 阅读全文
posted @ 2023-02-08 17:56 兔子先森Ace 阅读(247) 评论(0) 推荐(0) 编辑