我是靠谱客的博主 温柔楼房,最近开发中收集的这篇文章主要介绍vue2和vue3使用 router.replace({ name: ‘Home‘ });,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
vue2
methods: {
...mapActions('userModule', { userRegister: 'register' }),
validateState(name) {
// 这里是es6 解构赋值
const { $dirty, $error } = this.$v.user[name];
return $dirty ? !$error : null;
},
register() {
// 验证数据
this.$v.user.$touch();
if (this.$v.user.$anyError) {
return;
}
// 请求
this.userRegister(this.user).then(() => {
// 跳转主页
this.$router.replace({ name: 'Home' });
}).catch((err) => {
this.$bvToast.toast(err.response.data.msg, {
title: '数据验证错误',
variant: 'danger',
solid: true,
});
});
},
vue3
methods: {
...mapActions('userModule', { register: 'register' }),
onSubmit(values: any) {
this.register(values).then((res) => {
if (res.data.code === 200) {
router.replace({ name: 'Home' });
}
}).catch((err) => {
Notify({ type: 'warning', message: err.response.data.msg });
});
},
},
总结:
vue2使用:this.$router.replace({ name: ‘Home’ });
vue3使用:router.replace({ name: ‘Home’ });
最后
以上就是温柔楼房为你收集整理的vue2和vue3使用 router.replace({ name: ‘Home‘ });的全部内容,希望文章能够帮你解决vue2和vue3使用 router.replace({ name: ‘Home‘ });所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复