添加vue-router打包之后无法跳转页面（已按“故障排查”设置）

[PeanutSplash]

router：

import { createRouter, createWebHashHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/login',
    component: () => import('../views/Login.vue')
  },
  {
    path: '/home',
    component: () => import('../views/Home.vue')
  },
  {
    path: '/commumite',
    component: () => import('../views/commumite.vue')
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router

main:

if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
  } else {
    mainWindow.loadFile(join(__dirname, '../renderer/index.html'), { hash: 'home' })
  }
}

打包后main处的{ hash: 'home' }是有生效的，但是无法使用this.$router.push()进行页面跳转

<el-button @click="this.$router.push('/login')" class="inupbutton">点我跳转登陆页</el-button>
    <el-button @click="this.$router.push('/commumite')" class="inupbutton">点我跳转聊天页面</el-button>

[alex8088]

自行看vue-router文档，错误用法

[alex8088]

https://router.vuejs.org/zh/guide/advanced/composition-api.html#%E5%9C%A8-setup-%E4%B8%AD%E8%AE%BF%E9%97%AE%E8%B7%AF%E7%94%B1%E5%92%8C%E5%BD%93%E5%89%8D%E8%B7%AF%E7%94%B1