新人小白一只~請問起的列表沒有顯示出來是哪里的問題，我對照了老師的，還是發(fā)現(xiàn)不了，控制臺說是contactList的api錯誤，，，我應該怎么解決啊？求幫助
<template>
??<div?class="home">
????<!--?聯(lián)系人列表?-->
????<van-contact-list?:list="list"?@add="onAdd"?@edit="onEdit"?/>
????<!--?showEdit是彈出層,默認隱藏?-->
????<van-popup?v-model="showEdit"?position="bottom">
??????<van-contact-edit
????????:contact-info="editingContact"
????????:is-edit="isEdit"
????????@save="onSave"
????????@delete="onDelete"
??????/>
????</van-popup>
??</div>
</template>
<script>
//?引入
import?{?ContactList,?ContactEdit,?Toast,?Popup?}?from?"vant";
import?axios?from?"axios";
export?default?{
??name:?"contactList",
??//???注冊
??components:?{
????[ContactList.name]:?ContactList,
????//?[Toast.name]:?Toast,
????[ContactEdit.name]:?ContactEdit,
????[Popup.name]:?Popup
??},
??data()?{
????//???{id:?1,name:?"",?tel:?""}
????return?{
??????list:?[],
??????instance:?null,?//axios實例
??????showEdit:?false,?//編輯彈窗的顯示隱藏
??????editingContact:?{},?//正在編輯的聯(lián)系人的數(shù)據(jù)
??????isEdit:?false?//新建或編輯
????};
??},
??created()?{
????this.instance?=?axios.create({
??????baseURL:?"http://localhost:9000/api",
??????timeout:?1000
????});
????this.getList();
??},
??methods:?{
????//???獲取聯(lián)系人列表
????getList()?{
??????this.instance
????????.get("/contactList")
????????.then(res?=>?{
??????????//???console.log(res);?可以用console檢查是否成功
??????????this.list?=?res.data.data;
????????})
????????.catch(err?=>?{
??????????console.log(err);
??????????Toast("請求失敗，請稍后重試");
????????});
????},
????//???添加聯(lián)系人
????onAdd()?{
??????this.showEdit?=?true;
??????this.isEdit?=?false;
????},
????//???編輯聯(lián)系人
????onEdit(info)?{
??????this.showEdit?=?true;?//展示彈窗
??????this.isEdit?=?true;?//是否編輯
??????this.editingContact?=?info;
????},
????onSave(info)?{
??????if?(this.isEdit)?{
????????//編輯保存
????????this.instance
??????????.put("/contact/edit",?info)
??????????.then(res?=>?{
????????????if?(res.data.code?===?200)?{
??????????????Toast("編輯成功");
??????????????this.showEdit?=?false;
??????????????this.getList();
????????????}
??????????})
??????????.catch(()?=>?{
????????????Toast("請求失敗，請稍后重試");
??????????});
??????}?else?{
????????//新建保存
????????this.instance
??????????.post("/contact/new/json",?info)
??????????.then(res?=>?{
????????????if?(res.data.code?===?200)?{
??????????????Toast("新建成功");
??????????????this.showEdit?=?false;
??????????????this.getList();
????????????}
??????????})
??????????.catch(()?=>?{
????????????Toast("請求失敗，請稍后重試");
??????????});
??????}
????},
????onDelete(info)?{
??????this.instance
????????.delete("/contact",?{
??????????params:?{
????????????id:?info.id
??????????}
????????})
????????.then(res?=>?{
??????????if?(res.data.code?===?200)?{
????????????Toast("刪除成功");
????????????this.showEdit?=?false;
????????????this.getList();
??????????}
????????})
????????.catch(()?=>?{
??????????Toast("請求失敗，請稍后重試");
????????});
????}
??}
};
</script>
<style?scoped>
.van-contact-list__add?{
??z-index:?0;
}
.van-popup?{
??height:?100%;
}
</style>
2019-09-16
你可能沒起后臺node服務
2019-11-17
接口配置有錯誤