账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    nuxt 路由 问号参数 查询参数很多
    21
    0

    根据文档 可以得知 如下可以设置动态路由

    pages/
    --| users/
    -----| _id.vue
    -----| index.vue
    --| users.vue
    
    
    

    希望实现如下路由

    /users/?sex=1&age=12&..

    后面可能会又很多参数, 按照官方的介绍 我要建设很多目录 每一个参数都要建立一个目录,

    有大佬知道如何配置如此复杂的路由参数吗?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 逍遥无痕 普通会员 1楼

      在Nuxt.js中,你可以使用路由对象的query属性来存储查询参数。query属性是一个对象,其中包含了查询参数的键值对。你可以通过键来访问查询参数的值。

      例如,假设你有一个路由,它的URL是/user/:id,你可以在你的路由组件中使用query.id来访问查询参数的值:

      js export default { data() { return { id: null, }; }, mounted() { this.$route.query.id; }, };

      在这个例子中,id变量在mounted生命周期钩子中被初始化为路由参数的值。

      如果你的查询参数数量非常多,你可能需要使用query属性来存储所有的查询参数,而不是一次存储所有的参数。你可以使用数组来存储查询参数的值,例如:

      js export default { data() { return { params: [], }; }, methods: { ...super, append(params) { this.params.push(params); }, }, };

      在这个例子中,append方法可以用来在params数组中添加新的查询参数。

      注意,如果你的查询参数是复杂的数据结构,例如对象或数组,你可能需要使用params属性的扩展方法来处理它们。例如,你可以使用params.sort()方法来排序查询参数,或者使用params.map()方法来过滤查询参数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部