vue如何让自定义函数挂到全局

最新推荐文章于 2025-07-30 15:48:10 发布

原创最新推荐文章于 2025-07-30 15:48:10 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue如何让自定义函数挂到全局 #vue #全局

vue 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个在Vue项目中实现全局日期格式转换的方法。通过在main.js文件中注册Vue原型的ChangeDateFormat函数，使得所有组件都能方便地调用此函数来格式化日期。具体应用示例在index.vue文件的el-table-column组件中展示。

在main.js里进行全局注册

Vue.prototype.ajax = function (){}

在所有组件里可调用

this.ajax
实例main.js

Vue.prototype.ChangeDateFormat = function (row, column){
   // ChangeDateFormat(row, column) {
      //   var jsondate = row[column.property];
    
     var jsondate = row[column.property];
        jsondate = jsondate.replace("/Date(", "").replace(")/", "");
        if (jsondate.indexOf("+") > 0) {
          jsondate = jsondate.substring(0, jsondate.indexOf("+"));
        } else if (jsondate.indexOf("-") > 0) {
          jsondate = jsondate.substring(0, jsondate.indexOf("-"));
        }
        var date = new Date(parseInt(jsondate, 10));
        var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
        var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
        var hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
        var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        var second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
        return date.getFullYear() + "-" + month + "-" + currentDate + " " + hour + ":" + minutes + ":" + second;
}

index.vue

      <el-table-column prop="last_time" :formatter="this.ChangeDateFormat" width="200px" align="center" label="登陆时间"> </el-table-column>