webpack 无法将函数导入Vue.js单文件组件

vx6bjr1n 于 12个月前发布在 Webpack

关注(0)|答案(2)|浏览(159)

我有几个vue需要自定义日期函数。我试图创建一个date_module。
datemodule.js

export default {
    getNewDate(offset){
        let newDate = this.getDate();
        newDate.setDate(newDate.getDate() + offset);
        return newDate;
    },
    getDate(){
        let date = new Date();
        return date;
    },
    ...etc
}

字符串
我试图导入它并在我的组件中调用它作为DM.getDate（）等。
DailySchedule.vue

...
import DM from "../datemodule.js"
...

型
这个好像不管用？

webpack

来源：https://stackoverflow.com/questions/53192361/cant-import-functions-into-vue-js-single-file-component

2条答案

按热度按时间

wribegjk1#

尝试重构datemodule.js：

function getNewDate(offset){
  let newDate = this.getDate();
  newDate.setDate(newDate.getDate() + offset)        
  return newDate;
}

function getDate(){
  let date = new Date();
  return date
}

export default { getNewDate, getDate }

字符串
然后是import DM from '../datemodule.js'。请注意，您在这里编写的是普通的JavaScript模块，而不是Vue组件。

赞(0）回复(0）举报 12个月前

cnh2zyt32#

这里我有一个样品，这个对我很有效。
dateUtils.js

import moment from "moment";

export const convertDate = (date) => {
  return moment(date).format("DD MMMM YYYY");
};

字符串
然后使用Convertdate函数，如：

import {convertDate} from "./dateUtils.js";

setup(){
   convertDate("date")
}

型

赞(0）回复(0）举报 12个月前

我来回答

webpack 无法将函数导入Vue.js单文件组件

2条答案

相关问题

热门标签

最新问答