在模板中，如何使用导入的函数？

Question

从一个名为的外部文件中，utils.js我导出一个名为的函数todayYyyyMmDd：

export const todayYyyyMmDd = () => new Intl.DateTimeFormat('fr-FR', {year: 'numeric', month: '2-digit', day: '2-digit'}).format(Date.now()).split('/').reverse().join('-');

然后在我的组件中我导入这个函数：import { todayYyyyMmDd } from '@/utils';

我想todayYyyyMmDd直接在组件的模板中使用，如下所示：

<date-input
  :max="todayYyyyMmDd"
/>

不起作用。相反，我必须使用中间计算属性：

today () {
  return todayYyyyMmDd();
},

可以用，但是很难看。有什么办法可以直接在模板中使用导入的函数吗？

Answer 1

无论您导入什么，都不是 vue 实例的一部分。如果要导入方法并使其可用于模板，则需要将其包含在方法中。同样，对于一个对象，它必须是一个数据属性。只需使用以下内容也可以：

methods: { todayYyyyMmDd }

这是简写todayYyyyMmDd: todayYyyyMmDd