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