项目中遇到的问题

一、Vue 中使用 组件列表，进行多选操作，翻页，回显时上一页选中状态丢失的问题

     表格想跨页选择数据时，会发现当前页中的选中数据并不会保存下来，选中状态也不会保存

解决方案：

1. 在 el-table 上添加 row-key 属性
2. 在 type 为 selection 的 table-column 上 添加属性 reserve-selection 属性 并赋值为 true
3. 同时定义 getRowKeys 返回一个当前行 的唯一标识，用来做记录

React 中 antd 组件的多选按钮 ，只处理的是当前页的数据，当切换后优又是另一页

解决：将列表数据变为二维数组，实现多页操作，并将数据扁平化后加到需要添加的列表中

二、React 项目中， state  更新无变化问题

hooks 中 usestate 是一个异步操作，如何实时获取不需要在页面展示的状态更新后的 state 的状态？

把 setState  放在 setTimeout（（）=>{   }）里执行

function  get( msg ){  setTomeout( () => {  setState( msg )  },0 )    }

三、React 项目中 组件强制刷新

场景：当组件动态赋值，dom 却不能更新，无法及时渲染出正确的结果，可以采用强制刷新的方法，

解决方案：给组件绑定 key 然后给 key 定义值，之后每次更新都去改变 key 值

                  使用强制重新渲染   this.$forceupdate( )  方法

四、Vue 引用 animate.css 动画不起作用

   由于 vue 官方引用的是 animate.css 3.5 版本，其无法向上兼容最新版本的 animate.css版本，这就导致了安装 animate 后，动画无法生效

   解决方案：安装对应低版本的 animate.css   之后再 main.js  中 全局引入 并挂载在 vue上

五、项目打包后，写的覆盖 Element 样式 无效了

问题： Vue 项目中，打包过后发现写入的组件覆盖样式失效了

解决：打包项目之后会出现样式和本地开发时候样式有很多不一样，可能是css 的样式 加载有问题，样式被覆盖了

           在 main.js 中 把引入 APP 跟 引入 router 放在 引入组件样式的后面，以及组件中每个样式都要加入 scoped   保证不起冲突