vue element-ui 封装表格和分页

父组件:
vue element-ui 封装表格和分页_第1张图片

子组件:

vue element-ui 封装表格和分页_第2张图片
vue element-ui 封装表格和分页_第3张图片

表格:
1.先将父组件的值传递给子组件
2.子组件接收到后 通过watch深度监听值来触发initConfig()方法
3.initConfig()方法里的逻辑在图三里
4.满足条件拿到值之后就可以进行页面对应的表头 内容渲染

分页:
分页不需要循环渲染 所以不需要那么麻烦 只需要传值 接受到值把对应的值给套模板上就可以了

你可能感兴趣的:(vue.js,前端,elementui)