vue3 多选传对象 到 go

Posted 2022-03-19 何全2022

对象

  "ID": 541,
  "CreatedAt": "2022-03-18T14:30:51.125+08:00",
  "UpdatedAt": "2022-03-18T14:30:51.125+08:00",
  "name": "前端1",
  "other": ""

代码

<el-form-item label="产品线" prop="products">
          <el-select v-model="formData.products" placeholder="请选择下拉选择产品线" multiple clearable  value-key="ID"
                     :style="width: 100%">
            <el-option v-for="(item, index) in productsOptions" :key="item.ID" :label="item.name"
                       :value="item"  :disabled="item.disabled"></el-option>
          </el-select>
        </el-form-item>
        
        
        const productsOptions = ref([])

      const getProductsOptions = async() => 
        const table = await getProductList( page: page.value, pageSize: 1000)
        if (table.code === 0) 
          table.data.list.forEach(function(val, index, arr)
            productsOptions.value.push(val)
          );
        
      

后端

删除
 _ = global.GVA_DB.Model(&asset).Association("Products").Clear()
 多选删除
_ = global.GVA_DB.Delete(&[]autocode.Asset,"id in ?",ids.Ids).Association("Products").Clear()
查询
err = global.GVA_DB.Where("id = ?", id).Preload("Products").First(&asset).Error