最近做报表页面,基本都是列表页面,所以想用mixins。但是接口的url不同,于是考虑怎么才能传入参数去适配各个页面。后来发现mixin文件可以写个函数,接受传递过来的参数,然后return一个对象。大概如下。

mixin.js

export default function(config) {
    let {
        listUrl="",
        exportUrl=""
    } = config;
    return {
        created() {
            console.log(listUrl);
            console.log(exportUrl);
        }
    }
}

xxx.vue

import Mixin from './mixin';
let mixin = new Mixin({
    listUrl: "www.baidu.com",
    exportUrl: "www.yahu.com"
})

export default{
    mixins:[mixin],
}

extends也是差不多。

Logo

前往低代码交流专区

更多推荐