为什么vue的路由空了？

  • Z时代
  • 2024-03-07
  • 分类：IT

请看我的路由配置：

{
            path:'/search?q=:keyword',
            component:Search,
            name:'search',
            meta:{show:true}
        },
goSearch:function(){
            this.$router.push({name:'search',params:{k:this.keyword},query:{keyword:this.keyword}}).catch(err => {err});
        }
                        <input type="text"  class="input-error input-xxlarge" v-model="keyword"/>

当keyword是空字符串时，上面的路由地址变空了：
为什么vue的路由空了？

我要的效果是“/search?q=:keyword”，地址栏应该出现：/search?q=xxx的效果，可是怎么出现图片这样的？怎么解决这个问题？

回答：

// 定义
{
            path:'/search',
            component:Search,
            name:'search',
            meta:{show:true}
        },
// 调用方法
this.$router.push({
          path: '/search',
          query: {
            q: keyword
          }
        })

获取参数
this.$route.query.q

看路由的配置你是想get传参，但是传参调用的方法又是post传参，路由表示我也很难啊！

以上是 为什么vue的路由空了？ 的全部内容， 来源链接： utcz.com/p/937347.html

回到顶部