您的位置:首页 > 健康 > 养生 > 深圳建筑工程公司排名_特种作业人员操作证_北京seo推广系统_seo外链建设的方法

深圳建筑工程公司排名_特种作业人员操作证_北京seo推广系统_seo外链建设的方法

2025/4/29 10:39:18 来源:https://blog.csdn.net/Maxueyingying/article/details/146973607  浏览:    关键词:深圳建筑工程公司排名_特种作业人员操作证_北京seo推广系统_seo外链建设的方法
深圳建筑工程公司排名_特种作业人员操作证_北京seo推广系统_seo外链建设的方法

需求

表格数据调用列表接口,需要多传一个 Type字段,而Type字段的值 需要从跳转页面Url上面获取到,并赋值给Type,再传入列表接口中,最后拿到表格数据并展示

遇到的问题

需求很简单,但是因为表格使用的是统一封装的crud组件,而列表接口是会在一进页面就自动触发的,此时,页面还没有完全加载完成,还没有拿到Url地址上的参数值,就调取了列表接口,导致表格数据错误

解决办法

1.该页面不使用 统一封装的表格组件,单独写
(这个是最笨的方法,也是比较简单的),但是牵扯到各种基本操作的按钮以及查询,分页,修改起来工作量较大,修改比较大(不推荐

2.页面调用两遍接口,第一遍一进来就触发这个不做处理,第二遍 是在获取到参数值后,在mounted()中再调用一次列表接口,将参数传进去

在这里插入图片描述

  mounted() {this.crud.query.type = this.$route.params.groupId;this.crud.toQuery();},

嗯,该方法也可以实现效果,但是,很容易造成表格数据赋值混乱(不推荐

3.(!!!推荐 使用 Curd.js 自带参数 queryOnPresenterCreated(禁止初始化时自动查询)去修改

3.1 在 cruds() 方法里 设置 queryOnPresenterCreated为false,禁止初始化时自动查询,而后,等待页面加载完成后,在 mounted()方法中 编写赋值调用逻辑

在这里插入图片描述
在这里插入图片描述

 mounted() {const groupId = this.$route.params.groupId;this.$nextTick(() => {if (this.crud && groupId) {this.crud.query.type = groupId;this.crud.toQuery();}});},

这样 列表接口 就只会触发一次,并且是根据需求正确调用传参赋值噢~

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com