vue el-ment 功能点记载
朱雀星的李慕婉
很懒,纯记载
展开
-
在数组循环中 --- 循环几次,发起几次异步请求
在业务场景中,需要对动态可以添加的表单(该表单是一个数据集合)进行数据回显的逻辑。 所以在编辑状态下,需要根据该表单的数据集合,去获取对应的数据请求,压进表单的下拉列表中进行回显操作。 假设该动态表单中有7个数据,那么就需要发送7次请求。 因为,js单线程同步forEach循环 会比 异步请求更快,也就是第一次请求还没有结束,forEach循环可能已经执行完毕。 所以使用 asnyc await 来执行等待异步执行的操作 created () { let arr = [1, 2, 3原创 2022-03-29 14:43:27 · 688 阅读 · 0 评论 -
项目中常用的业务场景 ——文件上传,展示文件条目(原生写法)
<div> <div> <el-button class="action_btn" type="primary" style=" margin-right:10px" @click="manyToLead" ...原创 2021-12-31 10:09:14 · 442 阅读 · 0 评论 -
vue 实现全部动态列表展示(包括动态实现操作点击事件)
将表格封装成为一个组件: <element-table ref="elementTable" :url="url" :params="searchParams" :columns="columns" v-model:currentPage="currentPage" @columnClick="columnClick" /> 引入: import ..原创 2021-11-10 15:51:16 · 2910 阅读 · 0 评论 -
vue 手写点击 div盒子 外面空白区域控制隐藏
需求:需要写一个类似于elment-ui中 el-dialog的弹出框,点击弹出框外部任意一个位置,都能关闭弹出框的效果。 右下角的 圆形按钮,控制左边的全部功能盒子的显示隐藏,要求:点击全部功能盒子以外的任意地方,都能实现隐藏该盒子。 结构部分: 代码部分: 监听事件: watch: { showFlag(newVal, oldVal) { if (newVal) { // 若显示,则监听失去焦点事件。 document.ad..原创 2021-11-05 17:23:29 · 1055 阅读 · 2 评论 -
vue 根据select的下拉框选中数据,请求时多个分别展示不同的表格结构动态 渲染
需要展示的4种表格结构 4种表格形态:年度 半年度 季度 月度数据展示 结构: <el-table :border="true" key="table1" :data="tableList"> <el-table-column v-if="deptShow" prop="deptName" align="center" label="部门" width="14.原创 2021-11-04 17:47:14 · 3685 阅读 · 0 评论 -
vue el-table 文件流 文件下载
结构部分: <el-button @click="costCenterToOut"> 员工导出 </el-button> 方法部分: // 成本中心导出 async costCenterToOut() { let obj = {}; axios({ method: "post", url: `/security/v1/travelManagementRouter/原创 2021-11-04 17:17:18 · 656 阅读 · 0 评论 -
如何在el-switch按钮上添加文字状态
如何在el-switch按钮上添加文字状态 伪元素即可原创 2021-11-04 17:00:30 · 644 阅读 · 0 评论