vue判断组件是否显示_Vue-懒加载(判断元素是否在可视区域内)

上公式：

元素距离顶部高度(elOffsetTop) >= dom滚动高度(docScrollTop)

并且元素距离顶部高度(elOffsetTop) < (dom滚动高度 + 视窗高度)

上代码：

一个多图表 懒加载 例子

:chart-data="chartData"

:chart-id="chartId">

import DefectFlightPatternChart from '~/components/metrics/defect-flight-pattern-chart'

export default {

components: {

DefectFlightPatternChart

},

props: {

projectUuid: { type: String, default: '' },

chartIndex: { type: Number, default: 0 }

},

data () {

return {

chartData: {},

chartLoading: false,

isLoaded: false,

boxId: 'dashboard-chart-box-',

chartId: 'dashboard-chart-'

}

},

mounted () {