vue写公共方法在组件中使用

第一种:直接在外部写一个文件,里面写方法在组件中调用

1.建一个外部文件 commen.js,例如写去除空对象方法

export default{

//去除空对象

removeEmpty(newArr){

    let arr1 = [];

    let obj = {}

    for (let j in newArr) {

        for (let prop in newArr[j]) {

            if (prop != '' && newArr[j][prop] != '') {

                obj = newArr[j]

}

}

        if (Object.keys(obj) != 0) {

            arr1.push(obj)

}

}

    return arr1

}

}

在index.vue中调用该文件import prossData(给该文件定义名) from './commen.js'

通过prossData.removeEmpty来调用

第二种:使用mixins

1.新建一个mixins文件

export const mixins = {

methods:{

allSum (a,b){

return a+b

}

}

}

2.在需要调用的组件中使用

import {mixins } from './mixin.js'

在export中使用mixin

export default{

mixins:[mixins ]

}

在方法中直接通过this.allSum来使用

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容