mixin全局混入

import Vue from 'vue';

Vue.mixin({
    data() {
        return {
            uploading: ''
        }
    },
    methods: {
        // 表格行背景色
        tableRowClassName(row) {
            // 表格行背景色
            if (row.rowIndex % 2 == 1) {
                return "warning-row";
            } else {
                return "success-row";
            }
        },

        /**
         * 表单重置
         * @param {string} formName 
         */
        resetForm(formName) {
            if (formName == 'selectForm') {
                this.selectForm = this.$options.data().selectForm;
                this.pageInfo.pageNum = 1;
                this.getTableData();
            } else if (formName == 'editorForm') {
                this.editorForm = this.$options.data().editorForm;
            }
        },

        // 头部表单查询
        formSelect() {
            this.pageInfo.pageNum = 1;
            this.getTableData();
        },

     
        // 自定义序号
        indexMethod(index) {
            return (this.pageInfo.pageNum - 1) * this.pageInfo.pageSize + index + 1;
        },


    },
    created() {}
})

需要用到mixin的页面引入该文件直接当本页面属性、或方法调用即可。

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

推荐阅读更多精彩内容