vue vue-element-admin項目踩坑小結

1.elementui中input綁定change事件，以爲可以實現用戶名的即時刷新，但是效果不行，還是要等失去焦點後纔會觸發，修改@change替換爲@input，可實現即時刷新。

2.table添加loading效果,修改行樣式

<el-table
        v-loading="dataLoading" // loading控制參數dataLoading 默認false
        :header-cell-style="{background:'#f5f5f5'}"
        :default-sort="{prop: 'date', order: 'descending'}"
        :row-style="changeRowcss" // 修改當行的樣式
        element-loading-background="rgba(0,0,0,0.2)"
        element-loading-text="數據加載中"
        element-loading-spinner="el-icon-loading"
      >
在js中寫
changeRowcss(row) { // 根據返回數據修改table中特定行樣式
      if (row.row.role === 0) {
        return 'color:#999' // 修改有特定屬性的一行中的樣式
      }
    },

3.vue組件每次打開後的刷新

使用ref和v-if同時去綁定一個組件，v-if默認爲false，在關閉組件的@close 方法回調中添加 組件狀態參數  設置爲false 

4.key值重複的報錯，一般情況都是v-for=“item in obj” 循環的時候沒有給item加上索引 這樣 v-for=“(item，index) in obj” :key = index這樣就不會報錯 key值重複了