vue怎么实现这种效果？

Question

点击编辑按钮时前面的类容可以修改

是拿table布局的

点击编辑按钮时我怎么给前面的td添加contenteditable属性？这个逻辑要怎么写？

data:{isAddEidt:true}  methods: {    addEdit:function (index) {
      this.isAddEidt=index;
    }
}

当点击编辑按钮时怎么隐藏当前的div 然后显示button 我现在这样写有问题每次新增的数据 点击第一个然后后面的所有button都出来了 怎么控制只显示当前的button 和隐藏当前的div？