问题解决——网站搭建笔记(7)

40 阅读1分钟

页面跳转携带参数打印出来不是想要的结果

获取当前时间

var data= new Data()

让路由变化时销毁定时器

我的做法是,首先我定义了一个变量myTimer,在函数当中声明他为计时器,然后让文章可以自动保存,之后

//这个函数和created平级
  beforeRouteLeave (to, from, next) {
    debugger
    console.log("tiaozhuan ",this.myTimer)
    clearInterval(this.myTimer)
      next()
    
  },

问题:vue2中如何跳转回上一个路由

this.$router.go(-1)

问题:我想要不同位置跳转到同一个路由,但是我发现会页面报错

写法:

main.js
 {
            path: '/project',
            name: 'project',
            component: () =>
                import ('../views/articleList.vue'),
            meta: {
                title: "成果·项目",
                isTab: true,
            }
        },

        {
            path: '/articleList',
            name: 'articleList',
            component: () =>
                import ('../views/articleList.vue'),
            meta: {
                title: "文章列表",
                isTab: true,
            }
        },
跳转的组件
<el-menu-item index="2-1" @click="$router.push({path:'/project'})">成果·项目</el-menu-item>
<el-menu-item index="2-2" @click="$router.push({path:'/news'})">资讯·热点</el-menu-item>
                            

报错:

image.png

解决:

dcdd04c24c666cef094fb0f898e7ca1.png

ce891129014bffccaeff2788356cea3.png

问题:很奇怪!kind的值在请求内部打印是错误的

image.png

image.png

解决:

image.png

image.png