Filter 如何通过它应用vue.js过滤器'；s'；名称'；

如何通过“名称”调用/应用vue.js过滤器

例如：

col.format==“date\u format”

，其中

date\u format

是一个vue.js 滤器

COL的定义如下：

cols = [
  {field: 'dt_joined', format: 'date_format'},
  {field: 'dt_trained', format: 'date_format'},
  {field: 'salary', format: 'money_format'}
]

// register filters
Vue.filter('date_format', function (x) {
  return x === null ? null : new Date(x).toISOString().slice(0, 10)
})

td(v-else-if='col.format') {{ props.item[col.field] | col.format }}
td(v-else) {{ props.item[col.field] }}

//- td {{ props.item.dt_joined | date_format }}
//- td {{ props.item.salary | money_format }}

---

在您的示例中，需要将

col.format

设置为实际函数，而不是函数名称：

let date_format = Vue.filter('date_format');
let money_format = Vue.filter('money_format');

let cols = [
  { field: 'dt_joined', format: date_format },
  { field: 'dt_trained', format: date_format },
  { field: 'salary', format: money_format }
]

---

然后，在呈现

foo | col.format

变量之前，将

col.format

指向的函数应用于

foo

变量。

在您的示例中，需要将

col.format

设置为实际函数，而不是函数名称：

let date_format = Vue.filter('date_format');
let money_format = Vue.filter('money_format');

let cols = [
  { field: 'dt_joined', format: date_format },
  { field: 'dt_trained', format: date_format },
  { field: 'salary', format: money_format }
]

---

然后

foo | col.format

将

col.format

指向的函数应用于

foo

变量，然后再进行渲染。

啊，我现在明白了。谢谢这甚至暗示我们不这么做。。。我现在明白了。谢谢这甚至暗示我们不这么做。。。哦，好吧