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 }