url中query的参数

0. query:查询

1. query有什么用

在页面发生跳转的时候,我们可以通过在url中携带query来轻松地筛选出我们想要显示的内容。
query的格式一般是以下这种情况:

// value可以是字符串也可以是参数
query:{
  xxx: "xxx",
  sss: "sss",
  zzz: params
}

2. 我们如何设置才能达到查找的目的

假设我们有两个页面:overview.vuelist.vue
● 我们希望从 overview.vue 跳转到 list.vue 的时候可以携带参数,当我们跳转到 list.vue 的时候可以根据query的参数对清单进行筛选显示。
以年龄 age 为例,筛选出年龄为18岁的清单:
list.vue 的 data 中定义:

age: this.$route.query.age || ""

这样我们在 overview.vue 定义跳转的时候携带的 query 这样写就可以了:

query: {
  age: "18"
}

3. query参数

● query 的参数是根据 list.vue 中的 this.$route.query.xxx 来写的!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值