老师,两个页面都不显示

老师,两个页面都不显示

路由:

import Vue from 'vue'

import Router from 'vue-router'

import HelloWorld from '@/components/HelloWorld'

import demo1 from '@/pages/demo1/index.vue'

import demo2 from '@/pages/demo2/index.vue'

import demo3 from '@/pages/demo3/index.vue'

import demo4 from '@/pages/demo4/index.vue'

import demo5 from '@/pages/demo5/index.vue'

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

import Detail from '@/pages/Detail/index.vue'



Vue.use(Router)


export default new Router({

  routes: [

    {

      path: '/',

      name: 'HelloWorld',

      component: HelloWorld

    },

     {

      path: '/demo1',

      name: 'demo1',

      component: demo1

    },

     {

      path: '/demo2',

      name: 'demo2',

      component: demo2

    },

     {

      /*userId前面的冒号是通配符,指可以传递任意参数*/

      path: '/demo3/:Id',

      name: 'demo3',

      component: demo3

    },

    {

      path: '/demo4',

      name: 'demo4',

      component: demo4

    },

    {

      path: '/demo5',

      name: 'demo5',

      component: demo5

    },

    {

      path:'/home',

      name:'home',

      component: home

    },

    {

      path:'/Detail',

      name:'Detail',

      component: Detail

    }

  ]

})

rem.js:

// 立即执行函数

(function() {

    // 定义a方法

    function a() {

        // 获取视口宽度

        var b = document.documentElement.clientWidth;


        // 判断视口宽度是是否大于750,如果大于750,那么b的值为750,否则为获取到的值

        b = b > 750 ? 750 : b

        // 计算字体大小,视口宽度/750*100

        var c = b / 750 * 100;

        // 设置html字体大小

        document.getElementsByTagName("html")[0].style.fontSize = c + "px"

    }

    // 默认调用a方法

    a();

    //视口宽度改变的时候调用a方法

    window.onresize = a;

})();

home:

<template>

<div class="home-page">

home

</div>

</template>


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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2020-02-19 10:45:36

同学你好, 具体是指什么不显示呢?是视频中的html标签中的font-size属性吗?

http://img1.sycdn.imooc.com//climg/5e4ca0800964bcb017960436.jpg

如果是这样的话,同学先检查一下,是否在main.js中引入了rem.js文件,如果没有需要添加上,然后清除浏览器缓存测试下效果。

http://img1.sycdn.imooc.com//climg/5e4ca0ab096e85f117881170.jpg

如果不是指这里,建议:同学详细描述下具体是指哪里无法显示呢, 可以将你的项目目录,和无法显示的页面截图粘贴过来,便于帮助同学准确高效的定位与解决问题。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 慕斯卡7334333 #1
    标签里面的内容detail没有显示,rem.js文件已经引入了
    2020-02-20 10:02:46
  • 提问者 慕斯卡7334333 #2
    找到原因了,不小心删掉了<router-view/>
    2020-02-20 10:16:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师