vue 中contenteditable="true"添加可编辑属性后v-model双向绑定失效的解决办法

在项目中会遇到需要编辑单元格的双向绑定问题,v-model双向绑定会在添加contenteditable="true"属性后失效
解决方法如下,亲测好用(v-html和@blur实现):
<td class="width90" contenteditable="true" v-html="name3.LastProduct" @blur="name3.LastProduct=$event.target.innerText"></td>

完美好用!

posted @ 2019-08-28 10:10  孤单玻璃杯  阅读(4403)  评论(0编辑  收藏  举报