之前很少接触elementui。之前的工作中都是用自己封装的ui库和一些移动端的ui库。最近做了些pc端。发现el的表格可玩性还是很高的。
需求:我们新增的每一行表格数据是可编辑的但是要点击左边的编辑按钮才能切换成input。如图
问题:点击修改切换了代码状态但是页面没有切出输入框,其实是el-table没有刷新状态。
解决方式:
this.$set(你改变的那条数据,那条数据中的属性,改变之后的值)
this.$set 会通过数据变化强制刷新该区域dom。
this.$set 可以在vue官方文档中看详解。