完成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这个组件,而你跳转的页面也是这个组件,你可以看一下这边的跳转是不是跳到当前页面了,还是跳转到另外的组件出问题了可以把你的项目代码上传一下,我在本地帮你定位一下。
052020-11-03
相似问题