Vue的router的push传递参数有没有不把参数展示在url中的传递方式?

Vue的router的push传递参数有没有不把参数展示在url中的传递方式?

http://localhost:8081/?id=1&bandwidth=10&user&name=%E6%9C%8D%E5%8A%A1%E5%99%A81&desc=%E6%9C%8D%E5%8A%A1%E5%99%A81&cpu=1%E6%A0%B8&ram=2G&disk=ssd-500G&price=0.00&server_status=%E5%B0%B1%E7%BB%AA&ctime=2018-01-12T11%3A09%3A57.755966%2B08%3A00&uptime=2018-02-27T19%3A01%3A03.134037%2B08%3A00&switches=%5Bobject%20Object%5D&physical_server_model=%5Bobject%20Object%5D&switchesport=%5Bobject%20Object%5D&cabinet=%5Bobject%20Object%5D&task=%5Bobject%20Object%5D&trade_record

我查看官方文档:

params:

const userId = 123
router.push({ name: 'user', params: { userId }}) // -> /user/123
router.push({ path: `/user/${userId}` }) // -> /user/123

query:


// 带查询参数,变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})   

可见这两种跳转路由的方式传递数据都会将传递的数据展示在url中,请问有没有不展示在url中的router转换方式呢?

回答:

const userId = 123
router.push({ name: 'user', params: { userId }})
// 路由设置 path 为:'/user/:userId'
// 跳转路径:'/user/123'

// 路由设置 path 为:'/user'
// 跳转路径:'/user'
// this.$route.params.userId 获取userId

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注