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

来源:7-4 mpvue-router-patch 集成

没什么好说的

2020-10-23

完成老师的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>
写回答

1回答

扬_灵

2020-10-23

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

0
5
没什么好说的
回复
扬_灵
非常感谢老师的帮助,谢谢您!
2020-11-03
共5条回复

零基础入门 实战mpvue2.0多端小程序框架

mpvue,一套代码搞定多个平台小程序,前端更易上手

819 学习 · 647 问题

查看课程