输入/ 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

根据documentaiton：

  

过滤器可在两个地方使用：胡须插值和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>