vue 下拉回显问题，及其给后端传值与显示得值。

一点点积累，一步步走。

eg：

​
​打开弹框  点击按钮把当行数据传过来
    handleEdit(i, row) {
          this.$refs.editProductTime.showData(i, row);---$refs+跳的页面
          this.show = true;      
     },
 //打开弹窗
     showData(i, row) {
                this.show = true;
                this.formData = {------赋值给页面
                    ...row
                };
    

1打开弹框 传过数据

2.根据传来的id查找数据--显示得数据

给后端传unid-----弹框后返unid--根据unid查找对应值进行回显。

返回数据赋值查找使用--实参   打开弹框调取接口不要再mounted()里面调用
     let craft_unit_id = row.craft_unit_id;
     let material_code = row.material_code;
     this.getTableData(material_code);
     this.fillCraftUnit(material_code, craft_unit_id);

接口返回的数据
 this.dataCraftId = data.map(item => {
      return {
               unid: item.unid,
               value: item.craftId,
               label: item.craftName,
               proUnid: item.proUnid,
          }
  });

根据unid查找数据
   fillCraftUnit(productUnid, crafid) -----事件定一个形参
    this.dataCraftId.find(item => {
        if (crafid === item.unid) {传来得值与已有值对比如果一样说明数据相同--赋值即可回显数据
              this.formData.craftName = item.label;
              this.formData.craft_unit_id = item.value;
        }
    });