zoukankan      html  css  js  c++  java
  • 今日学习遇到的问题(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中添加如下代码即可

  • 相关阅读:
    springcloud:Eureka的使用
    使用tomcat脚本开启服务
    安装Mysql
    springcloud:RPC和HTTP
    vue elementui点击表格当前行radio单选选中
    启动easy-mock
    项目使用的注解
    vue在element-ui的dialog弹出框中加入百度地图
    【转载】linux查看端口状态相关命令
    【记录】linux 文件权限的查看和修改
  • 原文地址:https://www.cnblogs.com/endymion/p/9698487.html
Copyright © 2011-2022 走看看