1.0.8 • Published 4 years ago

vue-lazy-dom v1.0.8

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

vue-lazy-dom

一个懒加载 dom 的 vue 组件

Install

npm install --save vue-lazy-dom

Usage

import vueLazyDom from 'vue-lazy-dom'

Vue.use(vueLazyDom)

Example

<template>
  <vue-lazy-dom @domload="sanmu" :haveData="havaData" :domRef="domRef">
    <div class="sanmu">sanmu</div>
  </vue-lazy-dom>
</template>

<script>
export default {
  data() {
    return {
      havaData: false,
      domRef: "domRef", // 必传
    };
  },
  methods: {
    sanmu(){
      // 数据加载成功
      consolo.log('异步加载数据成功')
      this.havaData = true
    }
  }
};
</script>  

<style scoped>
.sanmu {
  width: 100px;
  height: 100px;
  background-color: rosybrown;
  margin: 0 auto;
}
</style>

parameter

参数是否必传类型说明
domRefstring标签的ref
haveDataboolean是否有数据,来控制无效反复加载问题
callbackDataobject回调函数的参数
momentboolean控制初始化会在加载
事件是否必传类型说明
domload-Function(回调)回调函数
1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago