新建js文件中自己编写的方法,在其他.vue文件中调用

比如在一个vue项目中,需要重复使用某个方法,可以将该方法封装在一个js文件中,然后在需要使用该方法的.vue文件中直接导入该js文件,使用js文件中的方法。

实现代码:

1.js:

export default{
  //时间戳转换为正常时间格式
  timeStampChange:function(time){
    let p = ‘‘;
    var date = new Date(time); // 获取时间戳
    let y = date.getFullYear();
    let MM = date.getMonth() + 1;
        MM = MM < 10 ? (‘0‘ + MM) : MM;
    let d = date.getDate();
        d = d < 10 ? (‘0‘ + d) : d;
    let h = date.getHours();
        h = h < 10 ? (‘0‘ + h) : h;
    let m = date.getMinutes();
        m = m < 10 ? (‘0‘ + m) : m;
    let s = date.getSeconds();
        s = s < 10 ? (‘0‘ + s) : s;
    p = y + ‘-‘ + MM + ‘-‘ + d + ‘ ‘ + h + ‘:‘ + m + ‘:‘ + s;
    return p;
  }
}

2..vue文件

import timeStampChanges from ‘../../../assets/js/timeStampChange‘;

this.recordInformation.map(function(item,index){
  item.time = timeStampChanges.timeStampChange(item.time);
})

实现效果:

 

即实现了将时间戳转换为正常时间格式的效果,其他页面需要转换可以直接调用。

原文地址:https://www.cnblogs.com/5201314m/p/11962043.html

时间: 2024-12-16 19:05:38

新建js文件中自己编写的方法,在其他.vue文件中调用的相关文章

记webpack下引入vue的方法(非.vue文件方式)

直接script引入下载静态的vue.js文件则最后用copy-webpack-plugin复制到一样的目录即可 使用npm安装的vue无法直接用 import vue from "vue",因为这样引用的是vue.common.js查资料:为什么会引 vue.common.js,from 'vue' 不该引的是 vue.js 么?这就要引入另一个知识点:package.json.package.json 中的 main 属性决定了,当项目被引入时,输出的是哪个文件,而 vue 的 p

Struts2之动态方法调用(优点:调用同一个action中的多个方法不需要在配置文件中写多个指向相同action类的的action节点只需要一个action节点就行)

在表单action值里指定所调用的action中的哪个方法而不是借助配置文件action节点的method属性 1 UserAction类 package org.action; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServletRequest; import org.apache.struts2.ServletActionContext;

[Android] Android读取Asset下文件的最简单的方法总结(用于MediaPlayer中)

方法一:getAssets().openFd //读取asset内容    private void openAssetMusic(String index) throws IOException {//        String fileName = "a001.mp3"; //根目录文件        String fileName = index + "/" + index + ".mp3"; //子目录文件        AssetFi

通过JavaScript中的链式方法实现JQuery的链式调用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现JQuery的链式调用</title> </head> <body> <script> function A(){} A.prototype.v = 2; A.prototype.set = function(num)

Python中字典的has_key方法在3.4版本中改为in

1 >>> a={1:'a',2:'b'} 2 >>> 1 in a 3 True 4 >>> 'a' in a 5 False 6 >>> 2 in a 7 True 8 >>> 即可以判断某个键是否存在于字典中; 1 >>> a.has_key(1) 2 Traceback (most recent call last): 3 File "<pyshell#27>"

Element中(Notification)通知组件字体修改(Vue项目中Element的Notification修改字体)

这个问题纠结很久,一样的写的为啥有的页面就可以,有的就不行: 后来才发现: 先说一下怎么设置: 先定义customClass一个属性,用来写class属性值: 之后还需要修改一下组件里style标签的scoped,并且写对应的css. 这是修改好的,修改之前是这样的. 之后就可以啦,就这样.记得修改一下组件里style标签的scoped 关于这个style标签的scoped意思是局部css的意思, https://blog.csdn.net/weixin_33708432/article/det

php学习之道:php中soap的使用实例以及生成WSDL文件,提供自动生成WSDL文件的类库——SoapDiscovery.class.php类

1. web service普及: Webservice soap wsdl区别之个人见解 Web Service实现业务诉求:  Web Service是真正"办事"的那个,提供一种办事接口的统称. WSDL提供"能办的事的文档说明":  对要提供的服务的一种描述格式.我想帮你的忙,但是我要告诉你我都能干什么,以及干这些事情需要的参数类型. SOAP提供"请求"的规范:  向服务接口传递请求的格式,包括方法和参数等.你想让人家办事,总得告诉人家

asp.net中导出Execl的方法

一.asp.net中导出Execl的方法: 在 asp.net中导出Execl有两种方法,一种是将导出的文件存放在服务器某个文件夹下面,然后将文件地址 输出在浏览器上:一种是将文件直接将文件输出流写给浏览器.在Response输出时,\t分隔的数据,导出 execl时,等价于分列,\n等价于换行. 1.将整个html全部输出execl 此法将html中所有的内容,如按钮,表格,图片等全部输出到Execl中.   Response.Clear();       Response.Buffer=  

Java 7 中 NIO.2 的使用——第四节 文件和目录

Files类提供了很多方法用于检查在于你真正实际去操作一个文件或目录.这些方法强烈推荐,也非常有用,也能避免很多异常的发生.例如,一个很好的习惯就是在你试着移动一个文件从一个地方到另一个地方的时候,先检查文件是否存在. 检查一个文件或目录是否存在 在前面的例子中已经演示到,Path实例能够有效的映射到一个文件或是目录甚至这个文件或目录物理上根本不存在.再是,Path的很多方法不会实际操作文件本身就能成功地应用.所以,事先判断一个目录或是文件存在就显得非常重要.下面有两个方法用来判断文件是否存在.