文章目录
- 1.正常单独使用element-plus其他功能组件
- 2.引入类似与指令的插件
- 3.自定义指令钩子
1.正常单独使用element-plus其他功能组件
引入即可使用
javascript">import { ElSelect, ElOption } from "element-plus"
2.引入类似与指令的插件
需要先引入
,再注册
,才可以使用
指令类的组件:例如v-infinite-scroll="load"
javascript"><div v-infinite-scroll-directive="load" style="overflow: hidden">...
</div>import { ElInfiniteScroll } from "element-plus" // 注意是引入ElInfiniteScroll 不是VInfiniteScroll// 必须注册指令(TS需要显式声明)
const vInfiniteScrollDirective = ElInfiniteScroll// 原来在项目内使用v-infinite-scroll="load";
// 如果是按照上述在某个vue页面单独引入和注册后;
// 需要使用注册后的指令名 v-infinite-scroll-directive="load"const load = ()=>{}
3.自定义指令钩子
javascript"><input v-focus /><script setup>
// 在模板中启用 v-focus
const vFocus = {mounted: (el) => el.focus()
}</script>
详细使用文档