此.$router.push在electron-vue中不起作用

at0kjp5o  于 2022-12-08  发布在  Electron
关注(0)|答案(2)|浏览(349)

我刚开始工作的电子vue和我设置的vue路由器,但它似乎不工作,它甚至没有显示任何错误。
这是我的代码**:**
main.js

  1. import { createApp } from 'vue'
  2. import App from './App.vue'
  3. import {createRouter, createWebHashHistory, createWebHistory} from "vue-router"
  4. import test from "./components/test";
  5. const router=createRouter({
  6. history: process.env.IS_ELECTRON ? createWebHashHistory() : createWebHistory(),
  7. routes:[
  8. {path:'/test',name:"test",component:test}
  9. ]
  10. })
  11. const vue=createApp(App)
  12. vue.use(router)
  13. vue.mount('#app')

应用程序版本**:**

  1. <template>
  2. <img alt="Vue logo" src="./assets/logo.png">
  3. <HelloWorld msg="Welcome to Your Vue.js App"/>
  4. <button @click="click">test</button>
  5. </template>
  6. <script>
  7. import HelloWorld from './components/HelloWorld.vue'
  8. import {getAuth, signInWithEmailAndPassword} from "firebase/auth"
  9. export default {
  10. name: 'App',
  11. components: {
  12. HelloWorld
  13. },
  14. methods:{
  15. click(){
  16. console.log(`2`)
  17. this.$router.push("/test/")
  18. }
  19. }
  20. }
  21. </script>

组件/测试版本**:**

  1. <template>
  2. <div></div>
  3. </template>
  4. <script>
  5. export default {
  6. name: "test"
  7. }
  8. </script>
  9. <style scoped>
  10. </style>

我还没有接触其他文件,如background.js,我认为这与问题无关。

yk9xbfzb

yk9xbfzb1#

如果Vue路由器找不到路由,它就无法重定向。这时您可以看到控制台错误。但我建议您使用路由名称而不是路由路径。因此,

  1. this.$router.push({name: 'test'});

这是有用的。因为有一天你的网址可能会改变

dvtswwa3

dvtswwa32#

我忘记在App.vue文件中添加<router-view>

  1. <template>
  2. <img alt="Vue logo" src="./assets/logo.png">
  3. <HelloWorld msg="Welcome to Your Vue.js App"/>
  4. <router-view></router-view>
  5. <button @click="click">test</button>
  6. </template>
  7. <script>
  8. import HelloWorld from './components/HelloWorld.vue'
  9. import {getAuth, signInWithEmailAndPassword} from "firebase/auth"
  10. export default {
  11. name: 'App',
  12. components: {
  13. HelloWorld
  14. },
  15. methods:{
  16. click(){
  17. console.log(`2`)
  18. this.$router.push("/test/")
  19. }
  20. }
  21. }
  22. </script>
展开查看全部

相关问题