function getList(val) { if (val.limit) { queryParams.value.pageSize = val.limit queryParams.value.pageNum = val.page } loading.value = true; listUser(proxy.addDateRange(queryParams.value, dateRange.value)).then(res => { loading.value = false; userList.value = res.rows; total.value = res.total; }); };
时间: 2024-04-08 21:32:46 浏览: 141
Vue.js 3.X开发经验及技巧汇总
这是一个名为`getList`的函数。根据代码内容推测,这个函数用于获取用户列表数据并更新相关的状态。
函数接受一个参数`val`,该参数可能包含`limit`和`page`属性。如果`val`中存在`limit`属性,则将其赋值给查询参数`queryParams.value.pageSize`,将`page`属性赋值给`queryParams.value.pageNum`。
接下来,将`loading.value`设置为`true`,表示正在加载数据。然后调用`listUser`方法,传递经过日期范围处理的查询参数`queryParams.value`和`dateRange.value`作为参数。`listUser`方法返回一个Promise对象,当数据返回时,通过`.then()`方法处理返回的结果。
在结果处理函数中,将`loading.value`设置为`false`,表示加载完成。然后将返回的用户列表数据赋值给`userList.value`,将返回的总数赋值给`total.value`。
这段代码的作用是根据传入的参数获取用户列表数据,并更新相应的状态。在获取数据前后,通过控制`loading.value`来显示加载状态。
阅读全文