美文网首页
mixin全局混入

mixin全局混入

作者: Cherry9507 | 来源:发表于2021-05-18 10:37 被阅读0次
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的页面引入该文件直接当本页面属性、或方法调用即可。

相关文章

  • mixin全局混入

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

  • Vue mixin 混入及自定义Vue插件

    一、mixin混入 mixin即合并公共方法: 可以设置通用的方法或者变量外部mixin 如下:全局mixin:V...

  • mixins混合使用

    1.mixin与mixins的区别 mixin是全局注册的。使用时格外小心!一旦使用全局混入,它将影响每一个之后创...

  • 《Java编程思想 Generics》读书笔记——Mixin

    何谓Mixin Mixin即mix in,混入的意思。和多重继承类似,但通常混入Mixin的类和Mixin类本身不...

  • Vue中的高级语法笔记

    mixin混入 mixin混入:1.组件data优先级高于mixin data优先级 生命周期函数,先执行mixi...

  • Vue定义全局弹窗组件,使其在满足某种条件情况下弹出

    做全局弹窗组件,使其在全局任意地方满足条件情况下展示出来 虽然可以尝试用 mixin(混入)或者在每个文件内引入弹...

  • vue mixin

    混入 mixin 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象...

  • mixin (混入)

    混入对象包含任意组件选项,用于分发组件的可复用功能;组件使用混入对象时,混入对象的组件选项混合到该组件本身的选项中...

  • mixin(混入)

    功能:可以把数个组件共用的配置提取成一个混入对象使用方式:第一步定义混合。例如:{data(){...},meth...

  • 混入 mixin

    混入提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象...

网友评论

      本文标题:mixin全局混入

      本文链接:https://www.haomeiwen.com/subject/ezyejltx.html