url中query的参数
0. query:查询1. query有什么用在页面发生跳转的时候,我们可以通过在url中携带query来轻松地筛选出我们想要显示的内容。query的格式一般是以下这种情况:// value可以是字符串也可以是参数query:{xxx: "xxx",sss: "sss",zzz: params}2. 我们如何设置才能达到查找的目的假设我们有两个页面:overview.vue 和 list.vue●
·
0. query:查询
1. query有什么用
在页面发生跳转的时候,我们可以通过在url中携带query来轻松地筛选出我们想要显示的内容。
query的格式一般是以下这种情况:
// value可以是字符串也可以是参数
query:{
xxx: "xxx",
sss: "sss",
zzz: params
}
2. 我们如何设置才能达到查找的目的
假设我们有两个页面:overview.vue 和 list.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
来写的!
更多推荐
已为社区贡献1条内容
所有评论(0)