Beschreiben Sie kurz das Szenario, z. B. a.component und b.component verwenden den folgenden Code:
import axios from 'axios';
export default(){
data(){
return {
initList: [],
pageSize: 10,
pageNo: 1
}
},
created(){
this.initList();
},
methods: {
initList(){
axios({
url: '/list1',
data: {}
})
.then(res => res.data)
.then(data => {
this.initList = data;
})
},
pageSizeChange(size){
this.pageSize = size;
this.initList();
},
pageNoChange(pageNo){
this.pageNo = pageNo;
this.initList();
}
}
}
Nach der Verwendung dieses Codes fordern die beiden Komponenten unterschiedliche URLs an, wenn sie nur kommunizieren. CaiGou gibt mir bitte einige Ratschläge
你唯一不同的是url,那么你把url作为data属性定义不就行了,你的mixin添加data属性url,然后在a,b组件中分别定义url,就会覆盖mixin中的url,如下:
mixin:
a:
b同a定义方式
重复的代码丢进mixin.js,不重复的initList()在各个组件单独写就行了
我现在想到的是
其他不用改,至于判断怎么写,自己根据两个页面的不同自己写个吧。