【vue3+ts后台管理】用户列表查询、编辑

最新推荐文章于 2024-05-28 17:33:08 发布

Web_boom

最新推荐文章于 2024-05-28 17:33:08 发布

阅读量1.5k

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Android_boom/article/details/126951509

版权

用户列表查询

用户列表查询和商品列表查询类似，我们稍作修改即可

const onSubmit = () => {let arr: ListInt[] = []//查询条件是否有值if (data.selectData.nickName || data.selectData.role) {if (data.selectData.nickName) {//将过滤出来的数组赋值给arrarr = data.list.filter((value) => {return value.nickName.indexOf(data.selectData.nickName) !== -1})}if (data.selectData.role) {//将过滤出来的数组赋值给arrarr = (data.selectData.nickName ? arr : data.list).filter((value) => {return value.role.find((item)=>{return item.role===data.selectData.role})})}} else {arr = data.list}data.list = arr}//监听筛选的两个属性watch([()=>data.selectData.nickName,()=>data.selectData.role],()=>{if(data.selectData.nickName == '' || data.selectData.role == 0){getUser()}})return {...toRefs(data),onSubmit,}