Javascript 基于响应在vue中重定向
因此,我尝试根据登录者加载clientdashboard或admindashboard。这是我第一次接触Vue,所以我不能100%肯定这是可能的,但我想如果有人知道这会是你们。这是我的代码:Javascript 基于响应在vue中重定向,javascript,ajax,vue.js,jwt-auth,Javascript,Ajax,Vue.js,Jwt Auth,因此,我尝试根据登录者加载clientdashboard或admindashboard。这是我第一次接触Vue,所以我不能100%肯定这是可能的,但我想如果有人知道这会是你们。这是我的代码: export default { data () { return { model: { email: '', password: '', }, modelValidations: {
export default {
data () {
return {
model: {
email: '',
password: '',
},
modelValidations: {
email: {
required: true,
email: true
},
password: {
required: true,
min: 5
}
},
}
},
methods: {
getError(fieldName) {
return this.errors.first(fieldName)
},
validate() {
let login = this;
this.$auth.login({
params: {
email: login.model.email,
password: login.model.password
},
success: function (response){
console.log(response);
let id = response.data.userinfo.id;
},
error: function (error) {
console.log(error);
},
// rememberMe: true,
// fetchUser: true,
}).then(function(id) {
if (id ==1) {
this.$router.push('/admindashboard');
} else {
this.$router.push('/clientdashboard');
}
});
}
}
}
你的路由器应该可以正常工作,除非你推错了名称/路径 下面是一个简单的例子: 让UserView=Vue.component'user'{ 模板:“我是用户” } 让AdminView=Vue.component'admin'{ 模板:“我是管理员” } 常量路由器=新的VueRouter{ 路线:[ { 路径:'/Admin', 名称:'管理员', 组件:AdminView }, { 路径:'/User', 名称:“用户”, 组件:用户视图 } ] } Vue.useVueRouter app=新Vue{ el:应用程序, 路由器, 数据:{ 伊萨明:是的, 加载: }, 方法:{ goNextView:函数{ this.loading='Loding View…' 设置超时=>{ this.isAdmin=!this.isAdmin 伊夫提斯·伊萨明{ 这是.$router.push{name:'Admin',path:'/Admin'} }否则{ 此.$router.push{name:'User',path:'/User'} } 此项。正在加载= }, 1000 } } } .装货{ 背景色:红色; 字体大小:粗体; } 测试Vue路由器 当前身份验证:{{isAdmin?'Admin':'User'} 转到下一个视图
{{loading}
您当前看到的行为是什么?