Vue获取url链接中的参数
浏览器地址:http://localhost:8080/#/loginmis?ticket=12341.window.location.href获取完整路径:http://localhost:8080/#/loginmis?ticket=12342.this.$ route.path获取路由路径:"/loginmis"3.this.$ route.params路由路径参数: {}4. this.$
·
浏览器地址:http://localhost:8080/#/loginmis?ticket=1234
1. window.location.href
获取完整路径:http://localhost:8080/#/loginmis?ticket=1234
2. this.$ route.path
获取路由路径:“/loginmis”
3. this.$ route.params
路由路径参数: {}
4. this.$route.query
路由查询参数: { ticket: ‘1234’ }
console.log(this.$route):
Vue中使用:
<template>
<div>Loading...</div>
</template>
<script>
import { getLoginMis } from "../common/api";
export default {
data() {
return {
params: {
ticket: this.$route.query.ticket || "",
},
};
},
created() {
console.log(this.$route.query.ticket);
},
mounted() {
this.loginmis();
},
methods: {
loginmis() {
getLoginMis ({
params: this.params,
success: (data) => {
if(data.returnCode== 0){
this.$router.push({ path: "/" })
}else{
this.$message.error(data.returnMessage);
}
},
});
},
},
};
</script>
更多推荐
已为社区贡献3条内容
所有评论(0)