当前位置: 首页 > 工具软件 > el-admin > 使用案例 >

el-admin 设置查询参数

蒯嘉赐
2023-12-01

el-admin自动生成封装的crud请求,其实在this.crud的打印中有很多配置信息,一个一个试得到的一些方法:

这是el封装的重置查询参数的方法:

/**
 * 重置查询参数
 * @param {Boolean} toQuery 重置后进行查询操作
 */
    resetQuery(toQuery = true) {
      const defaultQuery = JSON.parse(JSON.stringify(crud.defaultQuery))
      const query = crud.query
      Object.keys(query).forEach(key => {
        query[key] = defaultQuery[key]
      })
      // 重置参数
      this.params = {}
      if (toQuery) {
        crud.toQuery()
      }
    },

这是默认的请求方式: 

cruds() {
    return CRUD({ title: '模板基础信息', url: 'api/tbFormTemplateInfo', idField: 'templateId', sort: 'templateId,desc', crudMethod: { ...crudTbFormTemplateInfo }})
  },

在页面初始化时会自动请求查询接口

这是修改后:

cruds() {
    return CRUD({ queryOnPresenterCreated: false, title: '模板基础信息', url: 'api/tbFormTemplateInfo', idField: 'templateId', sort: 'templateId,desc', crudMethod: { ...crudTbFormTemplateInfo }})
  },
  created() {
    this.crud.params = {templateType : 0}
    this.crud.toQuery()
  },

queryOnPresenterCreated: false;
这样就不会自动去请求查询接口了,我们可以把需要的数据作为参数,然后手动调用toQuery方法进行查询

希望可以帮到大家----别再踩坑了

 类似资料: