vue mixins/extends传入参数方法
最近做报表页面,基本都是列表页面,所以想用mixins。但是接口的url不同,于是考虑怎么才能传入参数去适配各个页面。后来发现mixin文件可以写个函数,接受传递过来的参数,然后return一个对象。大概如下。mixin.jsexport default function(config) {let {listUrl="",exportUrl=...
·
最近做报表页面,基本都是列表页面,所以想用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也是差不多。
更多推荐
已为社区贡献4条内容
所有评论(0)