![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目-组件
Jack おう
后端转前端的码农小王---深圳
展开
-
vue3-查看修改功能表单实现
<template> <div> <p v-if="type === 'text'" class="text">{{$attrs.modelValue}}</p> <input v-else :value="$attrs.modelValue" @input="changeData" v-bind="$attrs"> </div></template><script lang='ts'>原创 2021-07-08 03:51:57 · 484 阅读 · 0 评论 -
表单校验
select chargeType: [ { required: true, message: "请选择计费方式", trigger: "change" }, ],input name: [ { required: true, message: "请输入活动名称", trigger: "blur" }, { min: 3, max: 5, message: "长度在 3 到 5 个字符", tri原创 2021-03-30 17:01:29 · 52 阅读 · 0 评论 -
FromTable
2021-01-10新增data-pick2021-2-26select 新增搜索- 新增多选pick-data 支持时分秒-支持禁选之前日期data: fromParams: { showSearchBtn: true, showAddBtn: true, showResetBtn: false, call: (param) => { return Object.prototype.toStr.原创 2021-02-26 10:34:15 · 314 阅读 · 0 评论 -
vue 假分页
因某原因,后端一次性返回所有数据,无分页字段,只能自己实现假分页。需要准备俩个数组。一个展示,一个分割 最初获取数据的时候 if(this.tableData.length > 0){ let temp = JSON.stringify(this.tableData) this.pageList = JSON.parse(temp) this.pageList = this.pageList原创 2020-10-28 16:54:04 · 765 阅读 · 0 评论 -
element 弹窗修改圆角 element Dialog修改圆角 element 弹窗 圆角
效果原创 2020-12-19 15:46:39 · 7371 阅读 · 6 评论 -
vue excel上传 elementUi excel上传 带文件校验 自定义上传 下载模板
效果可拖拽,带文件尾缀校验。记录一下方便今后项目复制粘贴。组件 <!-- Excel上传 --> <el-dialog title="文件上传" :visible.sync="excelVisible" width="40%" center> <el-upload style="text-align: center" <!-- 是否显示上传文件的list --> :show-file-li原创 2020-12-26 10:54:27 · 571 阅读 · 2 评论 -
vue 本地搜索 js实现本地数据搜索 el-select 模糊搜索
待定原创 2020-12-26 15:31:08 · 978 阅读 · 0 评论 -
element 表格 删除
deleteItem(index) { if (this.addObject.list.length == 1) { return this.$message.info("最少保留一项!"); } this.$confirm("是否删除?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", ...原创 2021-02-22 16:33:00 · 112 阅读 · 0 评论 -
input 校验零 负数 input 二次封装 $attrs $listeners应用
<el-input type="Number" @input="valieDataForInput($event, scope.row, 'faf')" //第三个参数是要校验的字段 min="0" v-model="scope.row.faf" size="mini" placeholder="请输入内容".原创 2021-02-20 18:00:16 · 166 阅读 · 0 评论 -
表格 二维数组-带边框
通过div展示border-bottom 实现不重复效果 <div class="MyscrollbarS" style="height: 500px; width: 400px" > <div v-if=" .原创 2021-01-29 18:02:13 · 200 阅读 · 0 评论 -
滚动条 自定义 ::-webkit-scrollbar
详情的复制粘贴就用 .scrollbar { overflow: auto; height: 200px; } .scrollbar::-webkit-scrollbar { width: 3px; } .scrollbar::-webkit-scrollbar-thumb { background: #409eff; }原创 2021-01-29 16:33:22 · 360 阅读 · 0 评论 -
利用闭包实现 清空数据 重置数据 clearAll 删除
背景:由于后端老改字段,那么我data中的参数也得跟着改,清空方法里也得跟着改,如果能把最初的参数利用闭包缓存那么我就不需要担心后端改字段了,而且不需要修改任何地方。 //整柜查价请求参数 fclRequestParams: { carrier: "", days: 0, etdDateFrom: "", etdDateTo: "", etdWeek: 0, pod: "", po原创 2021-01-28 18:10:33 · 400 阅读 · 0 评论 -
SearchForm & Table
<div :style="searchFromParams.outSideStyle"> <div v-for="(item, index) in searchFromParams.mainSearchList" :key="index" :style="{ width: item.divWidth ? item.divWidth : '2...原创 2021-01-22 20:06:49 · 827 阅读 · 0 评论 -
JSON.parse(JSON.stringify()) 的利用 动态style封装
利用JSON的特性可以对undefined等排除,拿到干净的数据例子// 根据用户的样式转换成动态stylefunction outSideStyle() { // 定义样式 let defineStyle = 'width: 60%; display: flex; flex-wrap: wrap;' // 最后返回的样式对象 let styleObj = {} // 分割得到数组 // [ 'width: 60%', ' display: fle原创 2021-01-22 10:23:16 · 271 阅读 · 0 评论 -
循环表格 for循环表格 动态渲染
这样比较省代码量组件 <div style="display: flex"> <div v-for="(i, index) in searchList" :key="index" style="margin-right: 10px" > <el-input @clear="getShipscheduleList原创 2021-01-21 15:10:11 · 1229 阅读 · 1 评论 -
element select修改样式 选择器修改样式
.el-input__inner原创 2021-01-10 09:47:16 · 1494 阅读 · 0 评论 -
利用z-index动态显示底部按钮
需求,点击费用后展示费用详情,详情里也需要显示一样的Btn最开始的方法比较蠢,直接复制粘贴多一个btn到里面,后面利用动态z-index解决。思路:当显示详情弹窗时,把btn的z-index设为最大即可。...原创 2020-12-30 16:23:57 · 221 阅读 · 0 评论 -
uni-app 查看更多 根据长度隐藏
少于2个的情况,也是自适应的data () { return { showBoxInfoHeight: false, }原创 2020-12-30 16:19:01 · 1687 阅读 · 0 评论