Vue之坑

1. 不刷新視圖

export default {
  data(){
    return {
      storeInfo: {//對象裏不寫具體的key，且在賦值時是單個賦值的時候會有不刷新視圖的狀況
        
      }
    }
  },
  methods: {
      changeStore() {
        //在這修改偶爾會補刷新視圖
        this.storeInfo.storeName = '11'
        this.storeInfo.storeCode = '22' 
      }
  }
}
//須要改爲一
export default {
  data(){
    return {
      storeInfo: {//對象裏不寫具體的key，且在賦值時是單個賦值的時候會有不刷新視圖的狀況
        storeName:'',
        storeCode:''
      }
    }
  },
  methods: {
      changeStore() {
        //在這修改偶爾會補刷新視圖
        this.storeInfo.storeName = '11'
        this.storeInfo.storeCode = '22' 
      }
  }
}
複製代碼

2 不刷新視圖

dealQueryData(res) {
  let dataList = [];
  if(res.data.dataList && res.data.dataList.length) {
    dataList = res.data.dataList;
    this.pager = {
      total: res.data.total,
      totalPage: res.data.totalPage,
      pageIndex: res.data.pageIndex,
      pageSize: res.data.pageSize,
    };
  }else {
    this.pager = {};
  }
  
  if(this.LOGINDATA.member_name_modify_record) {
    dataList.forEach(item => {
      item.isShowViewNameBtn = true;
      item.isShowTrueName = false;
      item.isShowViewPhoneBtn = true;
      item.isShowTruePhone = false;
    })
  }
  //數據修改後統一在下面賦值，若是先賦值再增長新字段，會出現不刷新視圖
  this.dataList = dataList

}
複製代碼