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值重复了