用于输入/V 模型的 Vue 过滤器

Question

所以我对 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因为它是我想格式化的输入值？没运气。

请帮忙？

谢谢，

Answer 1

根据文件：

过滤器可用于两个地方：mustache 插值和 v-bind 表达式（后者在 2.1.0+ 中支持）

所以你可以使用 v-bind. 你说你试过但它不起作用，但是它在这个jsfiddle 中有效。我还添加了@input事件处理程序以具有该v-model功能。

所以基本上你的文本字段组件应该是这样的：

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