簡單描述下場景,例如a.component,b.component皆會使用到以下程式碼,
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();
}
}
}
兩個元件在使用該段程式碼的時候之後,只用通訊的時候請求的url不一樣,怎麼使用mixin復用,菜狗求指點~
你唯一不同的是url,那你把url當作data屬性定義不就行了,你的mixin加上data屬性url,然後在a,b元件中分別定義url,就會覆蓋mixin中的url,如下:
mixin:
a:
b同a定義方式
重複的程式碼丟進mixin.js,不重複的initList()在各個元件單獨寫就行了
我現在想到的是
其他不用改,至於判斷怎麼寫,自己根據兩個頁面的不同自己寫個吧。