vue外部包在模板内使用报错解决方法

酸菜鱼很好吃哦1

于 2022-07-11 09:37:03 发布

阅读量600

点赞数

文章标签：大数据

本文链接：https://blog.youkuaiyun.com/m0_50663823/article/details/125715108

版权

Vue moment.js 模板报错日期处理解决方案

关键词由优快云通过智能技术生成

本文讨论了在Vue项目中使用moment.js库时遇到的模板内报错问题。当在脚本部分导入并使用moment无误，但在模板内调用时出现错误。解决方法包括在methods或data中重新定义moment引用。通过这样做，可以确保在模板中正确地使用moment进行日期格式化和处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

比如引用了moment

import moment from 'moment'

这个时候在script里可以自由使用，但是在模板内报错

正常使用：

//获取星期几
    getWeek (date) { // 参数时间戳
      let week = moment(date).day()
      switch (week) {
        case 1:
          return '星期一'
        case 2:
          return '星期二'
        case 3:
          return '星期三'
        case 4:
          return '星期四'
        case 5:
          return '星期五'
        case 6:
          return '星期六'
        case 0:
          return '星期天'
      }
    }

报错：

<p>{{moment().format("YYYY年MM月DD日")}} {{getWeek(moment())}}</p>

解决方法，要么在method里重新定义一次，要么在data里重新定义一次

data:() => {
     moment: moment
}