<el-select
            v-model="startTrxNumber"
             filterable
               clearable
               remote
               remote-show-suffix
               reserve-keyword
               :remote-method="(val) => getTrxNumber(val)"
               placeholder="選項(xiàng)過(guò)多，請(qǐng)先輸入關(guān)鍵字"
               :loading="queryLoading">
               <el-option v-for="item in TrxNumberOptions" :key="item.key" :label="item.key" :value="item.key">
               </el-option>
  </el-select>
const queryTemp = ref('');
const queryLoading = ref(null);
const TrxNumberOptions = ref(null);

function getTrxNumber(queryValue) {
  queryLoading.value = true;
  queryTemp.value = queryValue;
  selectTrxNumber({
    pageNum: 1,
    pageSize: 50,
    params: { paramPage: 'Y' },
    trxNumber: queryValue,
    orgId: queryParams.value.orgId
  }).then((res) => {
    queryLoading.value = false;
    if (queryValue === queryTemp.value) {
      TrxNumberOptions.value = res.data;
    }
  });
}