html 从“选择”下拉列表中选择ID时，指定其他对象属性

Posted 2021-05-10

<template>
  <v-select
    v-model="voucher_data.bank_id"
    :options="banks"
    :label_key="'kod_bank'"
    :value_key="'id'"
    :field_name="'bank_id'"
    :label="'Kod Bank'"
    :rules="'required'"
  >
  </v-select>
</template>
<script>
  
  watch: {

      // set voucher_payment_data.bank_code

      'voucher_data.bank_id': function (value) {

          let bank_code = null;

          let bank = _.find(this.banks, { id: parseInt(value) });

          if (bank) {
              bank_code = bank.kod_bank;
          }

          this.voucher_data.bank_code = bank_code;

      },
  },
  
</script>