AntDesignView ドロップダウン ボックスのリンクの変更

効果：

 最初のドロップダウン ボックスを選択すると、最後の 2 つの内容が固定されます。変更は許可されません。

        <a-form-item label="映射字段">
          <a-select @change="handleChange" v-model:value="selectMapping">
            <a-select-option v-for="(item, index) in mappingList" :key="index" :value="index" :infos="item">{
   
   {
              item.name
            }}</a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="映射字段编码">
          <a-input v-model:value="formState.mapFieldCode" readOnly>{
   
   { mapFieldCode }}</a-input>
        </a-form-item>
        <a-form-item label="映射字段名称">
          <a-input v-model:value="formState.mapFieldName" readOnly>{
   
   { mapFieldName }}</a-input>
        </a-form-item>

   function handleChange (val, option){
      formState.value.mapFieldName = option.infos.name
      formState.value.mapFieldCode = option.infos.code
      mapFieldCode.value = option.infos.code
      mapFieldName.value = option.infos.name
    }

変数や初期値は自分で書きます。最初にロードするときに、最初の選択ボックスのインターフェイスが呼び出されます。