基于antdesign+vue封装下拉表格组件

366 阅读1分钟

当作日常学习的一步吧。

  • 组件描述:下拉选择框,下拉框里面的内容由表格组成,可多选,单选,回显选择的数据。
  • 实现
  1. 使用a-select组件,自定义下拉框内容,实现表格下拉框。 父组件引入

image.png

子组件

image.png

  • props接收父组件传进来的参数,全部赋给子组件
  • v-mode定义双向绑定数据参数为value,触发的方法是change事件

image.png

  • 用render函数渲染的方式写vNode,这里主要是定义一些事件和绑定参数

image.png

  • 处理选择数据和emit到父组件 实现效果

image.png