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

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的简写