主页

vue中点击 <router-link></router-link> 一直无法进行跳转页面

2023-11-13 07:39PM

由于我修改了 index.html 和 main.js 文件的内容

我在 src/main.js 文件中把 ArticleList 做为根组件,并且注释掉了 App 根组件

import Vue from 'vue'
// import App from './App'
import ArticleList from '@/components/ArticleList'
import router from './router'
import VueResource from 'vue-resource'

Vue.use(VueResource)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({

 /* el: '#app',
  router,
  components: { App },
  template: '<App />' */
  el: '#blogList',
  router,
  components: { ArticleList },
  template: '<ArticleList />'
})

在 index.html 文件中把 <div id="app"></div> 注释了

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vue_blog</title>
  </head>
  <body>
    <div id="articleList"></div> 
    <!--  <div id="app"></div> -->
    <!-- built files will be auto injected -->
  </body>
</html>

可能是代码使用的有些问题,导致页面无法进行跳转页面。

把修改的代码进行修复,把修改 app 的相关内容,再修进行恢复,页面就可以正常进行跳转了。

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论