使用编程导航传参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()">