vue3组件封装之搜索组件的封装

vue3组件封装之搜索组件的封装

码云地址 :git clone -b learn-js https://gitee.com/fsj178884799/vue3-typescript.git
组件封装环境:

  • 组件使用的是Ant Design Vue2.x版本下载地址:https://2x.antdv.com/components/form-cn
  • vue3+ ts 项目。

1.封装好的search组件



2.组件的调用 组件只需要传一个searchData查询输入框相关 数组,和一个需要绑定的searchInfo的对象





vue3组件封装之搜索组件的封装_第1张图片
图片中的数据是search点击查询返回的数据。

你可能感兴趣的:(vue,vue3,js,vue.js,typescript,前端,javascript,前端框架)