Vue2+element plus:生出客户联系列表

准备工作:封装获取所有联系人的接口,然后在对应组件中导入该方法。

1,用element plus中的表格组件准备骨架;用插槽的方式自定义列表页;:header-cell-style设置表头的样式。

   
    
       
       
       
       
       
       
       
         
          
        
      

2.获取数据,三步走:(1)在data中准备数据 (2)methods中调用接口方法 (3)在生命周期函数中调用该方法,自动填充数据。

export default {
data(){
  return {
    ContactList:[] }
},
mounted(){
    this.getContactList()
},
methods:{ 
    getContactList(){
      getContact(this.queryInfo).then(res=>{
        this.ContactList = res.data.data
    })
  }
}
}

你可能感兴趣的:(elementui,vue.js,javascript)