Vue.js 在模板中,如何使用导入的函数?

Vue.js 在模板中,如何使用导入的函数?,vue.js,Vue.js,从名为utils.js的外部文件中,我导出了名为Todayyyymmdd的函数: export const todayYyyyMmDd = () => new Intl.DateTimeFormat('fr-FR', {year: 'numeric', month: '2-digit', day: '2-digit'}).format(Date.now()).split('/').reverse().join('-'); 然后在我的组件中导入这个函数:import{todayyyymmd

从名为
utils.js的外部文件中,我导出了名为
Todayyyymmdd
的函数:

export const todayYyyyMmDd = () => new Intl.DateTimeFormat('fr-FR', {year: 'numeric', month: '2-digit', day: '2-digit'}).format(Date.now()).split('/').reverse().join('-');
然后在我的组件中导入这个函数:
import{todayyyymmdd}来自'@/utils'

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

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

工作,但它是丑陋的。是否可以直接在模板中使用导入的函数?

无论导入什么,都不是vue实例的一部分。若要导入方法并使其可用于模板,则需要将其包含在方法中。类似地,对于对象,它必须是数据属性。 仅使用以下内容也可以:

methods: { todayYyyyMmDd }

哪一个是todayYyyyMmDd的缩写:todayyyyyymmdd

这是否回答了您的问题?
methods: { todayYyyyMmDd }