路由傳參的三種寫法
首先要采用編程式導航
第一種:字串形式
this.$router.push("/search/" + this.keyword + "?k=" + this.keyword.toUpperCase());
路由配置中的 path 需要占位
第二種:模板字串新形式
this.$router.push(`/search/${this.keyword}?k=${this.keyword.toUpperCase()}`);
路由配置中的 path 需要占位
第三種:物件形式 this.$router.push({name: "search", params: {kerword: this.keyword}, query: {k: this.keyword.toUpperCase()}}); 需要給路由命名 注: 1、路由跳轉傳參時,物件的寫法可以是 name、path 的形式,但是 path 不能和 params 一起使用 2、如果路由配置中存在 params 引數占位,當你不傳遞 params 引數時 URL 存在問題,此時可以在 path 中占位的后面加上 ? 可以讓 params 可傳可不傳 3、當 params 可傳可不傳時 傳遞空串 可以用 || undefinde 解決 4、路由組件可以通過 props 傳遞引數,布林值只傳遞 params 、物件寫法可以額外傳遞一些如 a: 1, ...... 、函式寫法可以傳遞 params 和 query 引數,轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/508961.html
標籤:其他
