**场景：**切换页签时动态改变表格展示列以及对应数据项**使用方式：**通过v-if条件判断控制显隐**问题：**导致表头乱飞、错位，明明数据项有值，但是通过props获取值在页面上没有显示出来**分析原因：**vue在渲染元素时，处于效率考虑， 会尽量地复用已有的元素而非重新渲染，导致元素间相互影响，不能正常渲染解决方案：用 key 管理可复用的元素只需添加一个具有唯一值的 key attri

使用场景：添加评论时异步同步到评论列表后，如果数据过多存在分页的情况，通过上拉加载数据可能会出现返回回来的数据与当前列表重复<divv-for="(item,index) in reduce(list)" :key="index":item="item" ></div>...methods: {reduce(arr) {c...

<textarearef="textarea" v-autofocusautofocus="autofocus"> </textarea>方法一：mounted: function() {this.$nextTick(() => {this.$refs.textarea.focus();});//windo...

**场景：**切换页签时动态改变表格展示列以及对应数据项**使用方式：**通过v-if条件判断控制显隐**问题：**导致表头乱飞、错位，明明数据项有值，但是通过props获取值在页面上没有显示出来**分析原因：**vue在渲染元素时，处于效率考虑， 会尽量地复用已有的元素而非重新渲染，导致元素间相互影响，不能正常渲染解决方案：用 key 管理可复用的元素只需添加一个具有唯一值的 key attri