입력용 Vue 필터 / V-모델

입력용 Vue 필터 / V-모델

그래서 저는 ES6 SPA Javascript와 Vue JS를 처음 접합니다.저는 주로 JQuery를 사용하고 있습니다.

그래서 글로벌 필터가 있는데

Vue.filter('formatDate', function (value) {
  if (value) {
    return moment(String(value)).format('Do MMMM YYYY')
  }
})

Vuetify도 사용하고 있습니다.그 필터를 데이터 테이블과 함께 사용할 수 있습니다.

{{ props.item.DateAdded | formatDate }}

하지만, 그것은 나에게 효과가 없습니다.v-model내가 뭘 잘못하고 있는 거야?

 <v-flex xs12><v-text-field v-model="profileData.DateAdded | formatDate" label="Date Added"></v-text-field></v-flex>

나도 노력했어v-bind:value포맷하고 싶은 입력값으로?운이 없다.

도와주세요?

고마워요.

문서에 따르면:

필터는 콧수염 보간식과 v-bind 식(후자는 2.1.0+에서 지원됨)의 2가지 장소에서 사용할 수 있습니다.

이 때문에,v-bind시도했다고 하셨는데, 이 jsfiddle에서는 동작하지 않습니다.또,@input이벤트 핸들러에 대해서v-model기능성.

따라서 기본적으로 텍스트 필드 구성 요소는 다음과 같습니다.

<v-text-field
  :value="profileData.DateAdded | formatDate"
  label="Date Added"
  @input="value => profileData.DateAdded = value"
></v-text-field>

언급URL : https://stackoverflow.com/questions/54744877/vue-filters-for-input-v-model