h5多页面 根据路径参数 展示页面倒计时功能

先上效果图

h5多页面 根据路径参数 展示页面倒计时功能_第1张图片

h5多页面 根据路径参数 展示页面倒计时功能_第2张图片 

 第一步 在router.js中 对前置路由和后置路由进行sessionStorage存储

router.afterEach((to, from) => {

Vue.prototype.sessionStorage.setItem('leavePath', from.name);

});

router.beforeEach((to, from) => {

Vue.prototype.sessionStorage.setItem('enterPath', to.name);

});

第二步 封装倒计时组件review.vue



第三步 在App.vue中进行全局注册



export default {
  components: { Review },
}

你可能感兴趣的:(移动端,vue,前端,vue.js)