vue登录后跳转到指定页面,vuerouter登录跳转
这篇文章主要为大家详细介绍了某视频剪辑软件实现登陆跳转，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了某视频剪辑软件实现登陆跳转的具体代码，供大家参考，具体内容如下
不说废话，先上效果图~
具体的实现方法，参照以下步骤~
1.创建login.vue，绘制注册画面，添加跳转事件。
模板
div class=登录容器
El-form:model=规则表单2 :rules= rules 2
状态图标
ref=规则表单2
标签位置=左
标签宽度=0px
演示规则表单登录页面
h3 class=title 登录平台/h3
el-form-item prop=用户名
埃尔-输入类型=文本
v-model=规则表单2 .用户名
自动完成=关
占位符=用户名/el-input
/El-表单-项目
el-form-item prop=password
埃尔-输入类型=密码
v-model=规则格式2 .密码
自动完成=关
占位符=密码/el-input
/El-表单-项目
El-form-item style= width:100%；
El-button type= primary style= width:100%；@ click= handle submit :loading= logining 登录/el-button
/El-表单-项目
埃尔-表单-项目
埃尔-复选框
v-model=已检查
记住我记住密码/El-复选框
el-button type=text @click=忘记密码忘记密码/el-button
/El-表单-项目
/el格式
/div
/模板
脚本
从导入{请求登录}./API/API ；
导出默认值{
data() {
返回{
登录：假，
规则表单2: {
},
规则2: {
账户：[
{必需：真，消息： 请输入账号，触发：模糊 },
],
检查通过：[
{必需：真，消息： 请输入密码，触发：模糊 },
]
},
选中：真
};
},
方法：{
handleReset2() {
这个参考文献。规则表格2。重置字段()；
},
handleSubmit(ev) {
这个. refs.ruleForm2.validate((有效)={
如果（有效){
this.logining=true
var log in params={ username:this。规则表格2。用户名，密码：这个。规则表格2。密码，识别码：这个。规则表格2。识别码}；
requestLogin(loginParams).然后(数据={
this.logining=false
设{消息，代码，用户}=数据
如果（代码！==200) {
这个消息({
消息：味精，
类型："错误"
});
}否则{
if (user.type===admin){
sessionStorage.setItem(user ，JSON。string ify(用户))；
这个1000美元路由器。推送({ path:/home page })；
} else if (user.type===advert) {
sessionStorage.setItem(user ，JSON。string ify(用户))；
这个1000美元路由器。push({ path:/table })；
}
}
});
}否则{
console.log(错误提交！);
返回错误的
}
});
},
忘记密码(){
这个$alert(请联系管理员找回密码，管理员电话：131
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。