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 来写的!

Logo

前往低代码交流专区

更多推荐