Vue经典实例之可编辑的表格table（史上最简单方便的处理方式，比用element容易理解），同时处理input获取焦点的问题！不好用你找我

刷面试题

刷题的重要性，不用多说。对于应届生或工作年限不长的人来说，刷面试题一方面能够尽可能地快速自己对某个技术点的理解，另一方面在面试时，有一定几率被问到相同或相似题，另外或多或少也能够为自己面试增加一些自信心，可见适当的刷题是很有必要的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 前端字节跳动真题解析

  

• 【269页】前端大厂面试题宝典

  

最后平时要进行自我分析与评价，做好职业规划，不断摸索，提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难，摆好心态，做好准备，你也可以的。

2：在edit函数中 var el = event.currentTarget; 获取当前处理对象（当前的td元素），注意这里event没有处理浏览器兼容的情况，有必要的话自己可以处理一下；

3：使用setTimeout给 input获取焦点，不用setTimeout将无法获取焦点。

setTimeout(function(){

//设置input获取焦点

el.children[0].focus();

//el.children[0].select();//选中里面的数据

},0);

完整代码如下：

bordercolorlight=#CCCCCC bordercolordark=#FFFFFF class=“table” >

v-for=“(item,k) in list” :key=“k”>

<input type=‘text’ v-show=“editKey===k+‘_’+sub_k” v-model=‘sub_item.a’ @blur=“editDis”>

{{sub_item.a}}