今日学习遇到的问题（2018.9.23）

• 先隐藏swiper然后再显示swiper会发生宽度计算问题

  ~在swiperOption中添加observeParent属性即可

// 先计算滚动了多少，一旦超过60，就隐藏abs，显示bar

const scrolledDistance = document.documentElement.scrollTop

activated () {

// 因为我们使用了keepalive标签包裹app.vue，就多了这个钩子函数

// 当页面活跃时监听滚动事件，一旦发生滚动便执行handleScroll方法

window.addEventListener(‘scroll‘, this.handleScroll)

}

• 全局事件要及时清除

  ~activated () {

  // 因为我们使用了keepalive标签包裹app.vue，就多了这个钩子函数

  // 当页面被显示时监听滚动事件，一旦发生滚动便执行handleScroll方法

  // 这是绑定了全局事件，会影响其他组件

  window.addEventListener(‘scroll‘, this.handleScroll)

  },

  deactivated () {

  // 当我们离开页面时需要清除全局事件

  window.removeEventListener(‘scroll‘, this.handleScroll)

  }

• 递归组件如何使用？

  <detail-list :list="item.children">

• 如何获得动态路由的参数呢？

  axios.get(‘/static/mock/detail.json‘, {

  params: {

  id: this.$route.params.id

  }

  }).then(this.getDetailMsgSucc)

*组件中的name有什么用？

~

1.递归组件时会用到name；

2.当我们想对某个页面取消缓存时，也会用到；

3.开发者工具会显示

*如何取消滚动行为bug

~在路由的index.js中添加如下代码即可

原文地址：https://www.cnblogs.com/endymion/p/9698487.html