请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

连接后的city页面无法显示新内容

老师,我按照你的配置,但是header页的内容还是无法显示,页面显示之前我乱打的11222之类的内容,不会跟着我新的内容变化。


-----City.vue-------


<template>
  <city-header></city-header>
</template>

<script>
import CityHeader from './components/Header'
export default {
 name: 'City',
 components: {
   CityHeader
 }
}
</script>

<style scoped>

</style>









-----index.js-----

import Vue from 'vue'

import Router from 'vue-router'

import Home from '@/pages/home/Home.vue'

import City from '@/pages/city/City.vue'

Vue.use(Router)


export default new Router({

  routes: [{

    path: '/',

    name: 'Home',

    component: Home

  }, {

    path: '/city',

    name: 'City',

    component: City

  }

  ]

})


-----Header.vue------


<template>
 <div class="header">
   城市选择
 </div>
</template>

<script>
export default {
 name: 'CityHeader'
}
</script>

<style scoped>
 @import "~styles/styles.styl"
 .header
   overflow : hidden
   height : .86 rem
   line-height : .86 rem
   text-align : center
   color : #fff
   background : $bgColor
</style>


正在回答 回答被采纳积分+3

1回答

Samrtiboy 2020-09-18 08:47:17

同学你好,你的`City`组件还有`index,js`路由配置文件都没有问题,问题可能在Header.vue组件中的样式部分,你没有给style样式标签设置lang属性,而你使用了stylus语法,这样就会导致程序无法编译成功,也就有可能出现你说的新内容无法显示,你可以尝试将lang属性加上,看看能否解决你的问题,以上是我自己的判断仅供参考。

0 回复 有任何疑惑可以回复我~
  • Dell #1
    厉害!
    回复 有任何疑惑可以回复我~ 2020-09-24 00:17:08
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信