- 博客(12)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 用vue3做一个动态表格数据编辑
2：组别中有3个select选择器 分别对应不同的数据 其中的select有联动功能 选择到某个option 后面的select中的options列表需要动态改变值。这里主要需要注意的点是数据的绑定 原先没有直接绑定在tableData中 某一行更改的时候 就导致了所有的数据都收到了影响。1：这里的表格中一行代表一个组 每个组都有删除功能，最后一个组有继续添加数据的功能。所以这里后面取tableData的数据的时候 过滤一下按需取值就好了。3：保障每个组的数据之间互不干扰。话不多说 上代码-----
2024-08-21 17:13:20
548
原创 使用el-form组件生成动态表单
肯定是没问题的 但是想一下 如果这种表单 在一个页面同时出现N个类似的 或者在N个页面都需要这样的表单输入 怎么办呢 疯狂的定义el-form-item和校验规则疯狂的CV吗 肯定是不符合我们干完活想摸摸鱼的习惯了 此时此刻就可以看一下这个动态生成了。这里的关键内容是提前定义好一个el-form的HTML结构 然后准备一个json定义我们的表单内容 然后交给表单组件渲染就OK了。这里的JSON数据我使用了mixin的方法 嫌麻烦的同学也可以直接在data中写入。
2024-07-11 15:25:32
1443
原创 Vue的展开收起动画
当内容过多的时候 可以把它全部折叠起来 这样可以达到眼不见心不烦的效果。这里的核心部分就是icon的角度变化和卡片的高度以及过渡动画了。
2024-07-11 11:41:59
1397
原创 使用before伪元素连接div
这里主要是使用给item_name添加before 以边框的方式显示 然后通过消除第一个item_name的before去除最上面一条突出的虚线 就可以实现连线了。
2023-12-28 16:56:21
520
1
原创 后端返回BASE64格式word文档在线预览
使用docx-preview插件来实现word文档预览。先npm i docx-preview --save。
2023-12-06 09:19:11
572
3
原创 el-form表单验证触发过当前校验之后 再切换到其他的校验 会被上一个校验阻止
只要在有校验的el-form-item中添加一个key=“xx”就好了 效果如下。
2023-08-08 16:36:02
364
原创 element upload的导出和下载xsl文件
封装到工具类 utils 目录下import axios from 'axios'import { getToken } from "@/xxx"; // 接口请求头携带的tokenimport ElementUI from 'element-ui';export function getOutExcel(url, data, method = "post") { axios({ headers: { Authorization: getToken(), // 保存请求的
2022-01-25 15:39:21
1158
原创 element图片上传组件使用
效果图代码块HTML部分<el-upload :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess" :before-upload="handleBeforeUpload" :limit="limit" :on-error
2022-01-25 14:50:57
891
原创 小程序电话号码邮政编码正则验证
小程序电话号码邮政编码正则验证简单的一个小程序电话号码和邮编正则验证 formSubmit: function (e) { let {userName,mobile,city,add,postalCode} = e.detail.value let mobileTrue = /^[1][3,4,5,7,8][0-9]{9}$/; let isMobile = mobi...
2020-04-09 17:55:08
593
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人