关于vue项目查询接口传参的合理控制

项目场景:

如图所示
在这里插入图片描述

解释:这是常见的多条件查询业务,一般都是传对应的参数,查对应的列表数据


问题描述

后端现在规定:下拉或者输入框里面有值,才把对应对应的字段和值传过来,反之,不要传字段过来!

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

先看下原来传参数的代码部分:

1.一开始放到计算属性里面,考虑到共用的时候好处理,也减少了代码,
  要传参的时候直接 this.params_search 即可
2.但是 缺点也是很明显的,这种数据结构已经成型,要完成最开始说的那种要求,
  会在 params_search里面写很多的if判断,非常难受。
  不写又不得行,直接传过去的话,又会有一些后端不要的字段
computed: {
   
    params_search() {
   
      return {
   
        prj_level: this.selectData<
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值