完成7-4章节的视频后，没有实现页面跳转功能

Question

完成老师的7-4章节的视频后，没有实现老师的页面跳转功能，希望老师能帮忙解决一下，谢谢！
这是app.json中的代码：

{
  "pages": [
    "pages/index/main"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "加油吧！少年",
    "navigationBarTextStyle": "black"
  },
  "usingComponents": {
    "van-button": "vant-weapp/dist/button/index"
  }
}

这是main.js中的代码：

import Vue from 'vue'
import App from './App'
import MpvueRouterPatch from 'mpvue-router-patch'

Vue.use(MpvueRouterPatch)
Vue.config.productionTip = false
App.mpType = 'app'

const app = new Vue(App)
app.$mount()

这是indes.vue中的代码：

<template>
  <div>
    <span class="msg">Fighting!</span>
    <br/>
    <van-button type="primary" @click="jump">按钮</van-button>
  </div>
</template>

<script>
export default {
  method: {
    jump () {
      this.$router.push('/pages/index/main')
    }
  }
}
</script>

<style scoped>
.msg {
  color: aqua;
  font-weight: bold;
  font-size: 20px;
}
</style>

Answer 1

扬_灵 2020-10-23 17:07:05

同学你好，在你的代码配置中只看到pages/index/main这个组件，而你跳转的页面也是这个组件，你可以看一下这边的跳转是不是跳到当前页面了，还是跳转到另外的组件出问题了可以把你的项目代码上传一下，我在本地帮你定位一下。

• 提问者 没什么好说的 #1

  请问如何将项目代码上传呢？

• 扬_灵 回复 提问者 没什么好说的 #2

  那项目上传到github或是码云这些代码托管平台，把地址发我一下就行了

• 提问者 没什么好说的 回复 扬_灵 #3

  https://gitee.com/LX_msmhsd/fighting_junior.git
  麻烦您了

点开查看后面2条评论