步骤

1.单组件引入指令

代码如下（示例）：

<template>
...
</template>
<script>
import { InfiniteScroll } from "element-ui";
</script>
<style lang="less">
<style>

2.指令注册

代码如下（示例）：

<template>
...
</template>
<script>
import { InfiniteScroll } from "element-ui";
export default {
	directives: {
    	"infinite-scroll": InfiniteScroll,
 	},
}
</script>
<style lang="less">
<style>

3.使用指令

代码如下（示例）：

<template>
	<ul v-infinite-scroll="getUserFollows">
		<li v-for="(people, index) in follows" :key="index">{{ people.nickname }}</li>
	</ul>
</template>
<script>
import { InfiniteScroll } from "element-ui";
export default {
	directives: {
    	"infinite-scroll": InfiniteScroll,
 	},
 	methods: {
 		getUserFollows() {
 			...
		}
	}
}
</script>
<style lang="less">
<style>

另记element-ui中popover 弹出框样式修改无效的问题, 解决办法参考以下链接
elementui Popover 弹出框样式修改无效