Fork me on GitThub

今日学习遇到的问题(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)
    }

  • 递归组件如何使用?

    <div v-if="item.children" class="itemChildren">
      <detail-list :list="item.children"></detail-list>
    </div>
    
  • 如何获得动态路由的参数呢?
    axios.get('/static/mock/detail.json', {
    params: {
    id: this.$route.params.id
    }
    }).then(this.getDetailMsgSucc)

*组件中的name有什么用?
~
1.递归组件时会用到name;
2.当我们想对某个页面取消缓存时,也会用到;
3.开发者工具会显示

*如何取消滚动行为bug
~在路由的index.js中添加如下代码即可

posted @ 2018-09-25 11:07  林檎endymion  阅读(141)  评论(0编辑  收藏  举报