最近做报表页面，基本都是列表页面，所以想用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也是差不多。

标签：www,vue,listUrl,mixins,extends,mixin,exportUrl,页面
来源： https://www.cnblogs.com/MrSlow/p/15014830.html