使用编程导航传参params的语法
var user={name:张三}
this.$router.push({name:"list",params:{user}}) //===>/list/张三
this.$router.push({path:`/list/${user}`}) //===>/list/张三
this.$router.push({name:"list",params:{name}}) //===>/list/张三
//router.push({path:'/user',params:{user}}) 这种写法不生效 参数没有传递
query方式传参时,name和path属性均可使用,而使用params传参时,必须使用name,使用path需写入完整的路径
使用vue路由跳转的时候,URL地址链接里面添加了问号?
http://localhost:8080/?#/search
原因 使用form表单包裹,阻止默认事件即可
<input type="text" placeholder="买不到吃亏,只能剁手" v-model="name" @click.prevent="confirm()">
网友评论