[Vue3] 이벤트 강제로 발생시키는 dispatchEvent()

• 변수 num1의 데이터 변경 후 이벤트를 발생하고 싶은데 하단 코드에선 발생하지 않는다.

el.addEventListener("change", (e) => {
  let nums = e.target.value.split(" ");
  
  // 값은 바꿀 수 있어도 change 이벤트가 발생하지 않는다.
  num1.value = nums[0];
  num2.value = nums[1];
});

• dispatchEvent()를 통해 이벤트를 강제로 발생시킬 수 있다.

el.addEventListener("change", (e) => {
  let nums = e.target.value.split(" ");
  
  num1.value = nums[0];
  num2.value = nums[1];
  
  // num1 요소에 직접 change 이벤트 발생
  num1.dispatchEvent(new Event("change"));
});