当前位置：首页 > news >正文

【2023】【standard-products项目】中查找的问题与解决方案（未完待续）

news 2025/7/8 2:32:08

10、el-table 判断是多选操作还是单选操作
在这里插入图片描述

9、判断数组对象中是否包含某个指定值
需求：修改时数据回填el-select下拉数据，发现当前id在原数组里没有找到，就显示了id值，应该显示name名，
处理：当查找到id时显示name名，否则返回null

packageList是数组对象
response.data.packageId是数据回填的id
在这里插入图片描述


//对应的权限套餐列表查找不到id 返回nullvar isIncludeId = packageList.value.findIndex(item => item.id === response.data.packageId)
isIncludeId == -1 ? response.data.packageId = null : response.data.packageId

8、element 日期选择最小日期为当前日期


<el-date-picker v-model="form.featureDataDownloadExpireTime" :disabledDate="disabledDateFun"value-format="YYYY-MM-DD" type="date" placeholder="选择日期">
</el-date-picker>:disabledDate="disabledDateFun"/** 设置最小日期为当前日 */
function disabledDateFun(date) {return date < new Date()
}

![在这里插入图片描述](https://img-blog.csdnimg.cn/2be3366bc8fe4e98a998270c43b29c9c.png
7、表单验证需验证但不必填


手机号码验证
contactMobile: [{ required: false, pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]

6、assignNum值大于0时删除修改多选的按钮都需要禁用 【多选禁止点击效果】
在这里插入图片描述


function selectable(row, index){console.log(JSON.parse(JSON.stringify(row)))console.log(row)if(JSON.parse(JSON.stringify(row)).assignNum > 0){return false;}else{return true;}
}

在这里插入图片描述

5、对象数组指定字段排序

排序前：有效1 有效2 无效3 有效4 无效5 无效6 有效7
排序后：有效1 有效2 有效4 有效7 无效3 无效5 无效6


var datas = [{valid: true,user:1},{valid: true,user:2},{valid: false,user:3},{valid: true,user:4},{valid: false,user:5},{valid: false,user:6},{valid: true,user:7}]
console.log(datas);
this.rankList =  this.sortByKey(datas,'valid');
console.log(this.rankList);//排名列表
sortByKey (array, key) {return array.sort(function (a, b) {var x = a[key]var y = b[key]return ((x > y) ? -1 : ((x < y) ? 1 : 0))})
}

4、新建页面跳转路径
在这里插入图片描述

3、vue3 proxy类型转成普通对象
JSON.parse(JSON.stringify(ids.value))

2、el-form 添加自定义规则后就无法提交修改


要加 callback()

1、vue el-table 怎么实现索引值自增方法


<el-table :data="rows"><el-table-column label="序号" type="index" width="120" :index="(page-1)*pagesize+1" />
</el-table><el-table-column label="序号" width="120" type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1"/>

查看全文

http://www.lryc.cn/news/7572.html