TypeError:无法读取未定义的属性“push”

有知道怎么办的吗
vue2项目升级vue3项目后 我启动项目后报 TypeError:无法读取未定义的属性“push”

img

img

已经解决了 vue-router4不支持里面的一些东西

img


您应该使用可组合函数useRouter来获取路由器实例:

import {useRouter} from 'vue-router'
export default{
    props: ["usuario", "senha"],

  setup(props) {
    const mensagemErro = ref("");
   const router=userRouter();
   
   async function login() {
      try {
        const { data } = await services.post("auth/login", {
          userName: props.usuario,
          password: props.senha,
        });
        console.log(data);
        const { token, userName } = data;
        window.localStorage.setItem("token", token);
        router.push("/home");
      } catch (error) {
        console.log(error);
      }
    }

    return {
      login,
      mensagemErro,
    };
  },