Vue+ElementUI 封装简易PaginationSelect组件的详细步骤

在实际开发工作中,经常会碰到当select下拉数据过需要做分页的情况
这里简单介绍封装的一个Pagination-Select组件几个步骤
封装的比较简易,可以根据自己的项目进行改动

  • /components/Pagination-Select/index.vue




  • demo项目,这边直接放在App.vue中使用




  • 根据selectOptions配置项修改组件属性,父组件请求数据传入子组件进行渲染,当子组件出发change方法时
    使用emit将所选的值回传父组件,进行后续代码逻辑

到此这篇关于Vue+ElementUI 封装简易PaginationSelect组件的文章就介绍到这了,更多相关Vue ElementUI封装PaginationSelect组件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Vue+ElementUI 封装简易PaginationSelect组件的详细步骤)