工作小问题记录

1.当formData用Record类型定义时，使用Object.assign(formData,record)给form表单赋值

2.一对多查询--简易写法

3.当表格数据是通过关系表查出来的并需要前端传递选中参数时，表格使用:data-source通过后端接口查询并传值

 4.当表格数据是直接从某表中查出来的，不需前端传递选中参数时 ，直接连接api即可

5.vue3中的自定义指令

6.插槽的使用

在子组件中使用<slot></slot>插槽标签

在引用该子组件的父组件的<child></child>标签中添加<div>内容，插槽的作用就是挖了一个槽，来放置在父组件中添加的<div>内容

7.多选应用

同一类别的选中数据存放进一个数组：

不同类别的选中数据都存放进一个数组：

js中的逻辑两者相同：

8.从后端接口查到数据数组传给前端做多选，多选中的数据传给后端

前端从后台接收要展示数组选择列表：

展示数组选择列表：

 触发多选，将选择的数据进行赋值

将选择好的数据传给后端接口做进一步操作：

9.给选择设置专门的label和value

从后端获取到的数据，要给单选或多选设置专门的label和value，代码如下图所示：

10.赋值并不可修改

input标签里面给盒号赋值

input标签里面不可修改时使disabled=true即可

11.年度选择

12.关于前端下拉选择

@change是记录下拉选择选中的数据，将选中数据赋给数组

@select是将前端选中的数组数据传给后端存进数据库