vue mixins/extends传入参数方法

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

上一篇:vue-mixins 混入


下一篇:djangorestframework_simplejwt4.6.0与django3.2.3+python3.9.4+djangorestframework3.12.4配置