对ant design vue 1.x 组件进行二次封装

      

        
        

    


// 通过计算属性获取父级attrs，作为table的props
  computed: {
    getBindValues () {
      return { ...this.$attrs }
    },
  },

使用

到这里你可能会发现，antd官方文档的表格插槽里面不是slot-scope="text, record"形式吗？

这是因为他的组件是使用渲染函数封装的，并不是模板，在渲染函数中是可以实现slot-scope传多个参数的，可以参考文档渲染函数的插槽部分

this.$scopedSlots.customRender(text, record, index)

但我这里的二次封装使用的模板

另外，如果对事件没有别的处理，可以直接使用$listener实例属性绑定事件

总之，要想清晰的完成一个组件的二次封装，实例属性必须要非常清楚