Vue.js의 사용자 지정 양식 구성 요소에 네이티브 입력 이벤트를 사용해야 하는가?

Vue.js의 사용자 지정 양식 구성 요소에 네이티브 입력 이벤트를 사용해야 하는가?

다음 Vue.js 코드를 고려하십시오.

<template>

    <form @input="doSomethingOnInput">

        <!-- Native form control -->
        <input v-model="title" type="text" />

        <!-- VUE.JS COMPONENT -->
        <!-- Custom form control -->
        <date-picker v-model="expiryDate"></date-picker>

        <!-- VUE.JS COMPONENT -->
        <!-- Another custom form control -->
        <color-picker v-model="badgeColor"></color-picker>

    </form>

</template>

나는 세 가지 입력 요소가 있는 양식을 가지고 있다.하나는 기본 입력 요소인 반면 나머지 두 개는 사용자 지정 입력 요소인 것이다.네이티브<input>불붙다inputDOM 트리를 거품이 이는 이벤트.

을 위해<date-picker>그리고<color-picker>토착의input이벤트가 생성되지 않음.그러나, 지원을 위해v-model, 관습input어차피 사건이 터졌으니까이제, 나는 토착을 만드는 법을 안다.input이러한 사용자 지정 요소에서 이벤트 트리거.

문제는 - 이러한 사용자 지정 입력 요소에서 기본 입력 이벤트를 실행해야 하는가? 재사용 가능한 구성 요소 라이브러리의 작성자인 경우, 사용자가 원하는 정보를 얻기를 원할 수 있음input맨 위에 있는 이벤트(즉, 에 있는 이벤트<form>내가 보여 준 바로 그 요소 Vue.js가 이걸 추천하니?그리고 그것이 예상치 못한 문제들을 야기시킬 것인가?

참조URL: https://stackoverflow.com/questions/50861726/should-we-use-native-input-event-for-custom-form-components-in-vue-js