this.$http.get('quxiaogoupiao/list', {params: Object.assign(params, searchWhere)}).then(res => { if (res.data.code == 0) { this.dataList = res.data.data.list; this.total = res.data.data.total; this.pageSize = res.data.data.pageSize; this.totalPage = res.data.data.totalPage; this.pageSizes = [this.pageSize, this.pageSize*2, this.pageSize*3, this.pageSize*5]; } });
时间: 2023-12-06 15:40:10 浏览: 67
这段代码是使用 Vue.js 发送 GET 请求获取数据。其中,`this.$http.get` 方法是 Vue.js 封装的一个 HTTP 请求方法,用于发送 GET 请求。请求的 URL 是 `quxiaogoupiao/list`,参数是 `params` 和 `searchWhere` 对象的合并。请求成功后,会将返回的数据中的 `dataList`、`total`、`pageSize` 和 `totalPage` 四个属性分别赋值给 Vue 实例中的对应属性,同时,还会将 `pageSize` 值分别赋值给 `pageSizes` 数组中的四个元素,以便在分页组件中使用。如果返回的数据中的 `code` 值不为 0,则不做任何操作。
相关问题
this.$http.get('quxiaogoupiao/list', {params: Object.assign(params, searchWhere)})
这段代码使用了 Vue.js 提供的 $http 对象,发送了一个 GET 请求到地址 'quxiaogoupiao/list',并且传递了两个参数:
1. params: 一个对象,包含请求的参数。
2. searchWhere: 另一个对象,包含搜索条件的参数。
其中,Object.assign() 方法会将两个对象合并成一个新对象,相同属性名的值会被后面的对象的值覆盖。最终的请求参数会包含 params 和 searchWhere 的所有属性。
getList(page, fenlei, ref = '') { let params = {page, limit: this.pageSize}; let searchWhere = {}; if (this.formSearch.jingdianmingcheng != '') searchWhere.jingdianmingcheng = '%' + this.formSearch.jingdianmingcheng + '%'; this.$http.get('quxiaogoupiao/list', {params: Object.assign(params, searchWhere)}).then(res => { if (res.data.code == 0) { this.dataList = res.data.data.list; this.total = res.data.data.total; this.pageSize = res.data.data.pageSize; this.totalPage = res.data.data.totalPage; this.pageSizes = [this.pageSize, this.pageSize*2, this.pageSize*3, this.pageSize*5]; } }); },
这是一个前端Vue.js的方法,用于从后端API获取数据并更新页面。参数`page`表示当前页码,`fenlei`表示分类,`ref`表示引用,但似乎没有被使用。方法中首先定义了一个`params`对象,用于存储请求参数,包括当前页码和每页数据条数。然后定义了一个`searchWhere`对象,用于存储搜索条件。如果搜索条件中包含景点名称,则将`searchWhere.jingdianmingcheng`设置为包含该名称的字符串。最后使用`this.$http.get`方法发送GET请求,请求地址为`'quxiaogoupiao/list'`,请求参数为`params`和`searchWhere`对象的合并结果。当请求成功后,如果返回的`code`为0,则更新页面数据和分页信息。其中`this.dataList`表示当前页的数据列表,`this.total`表示数据总条数,`this.pageSize`表示每页数据条数,`this.totalPage`表示总页数,`this.pageSizes`表示可选的每页数据条数选项。
阅读全文