Vue はフォームに入力された ID 番号を監視して、性別と誕生日を自動的に入力します

1. まず、v-model 値をフォームにバインドします。

<el-input type="number" v-model="form.idCard" placeholder="请输入证件号码" />

2. 時計を使用して入力値を監視します

  watch(form, (newName, oldName) => {
    var numid = newName.idCard.split('');
    if (numid.length == 18) {
      var sex = newName.idCard.substring(16, 17);
      form.sex = sex % 2 == 1 ? '男' : '女';
      var bir = newName.idCard.substr(6, 8);
      form.birthday = bir.replace(/(.{4})(.{2})/, '$1-$2-');
    } else {
      form.sex = '';
      form.birthday = '';
    }
  });

watch には 2 つのパラメータ値があり、1 つは新しい値、もう 1 つは古い値です。

詳細については、vue での監視を参照してください。