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

本文转载自查看原文 2019-08-28 10:10 1076

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

<td class="width90" contenteditable="true" v-html="name3.LastProduct" @blur="name3.LastProduct=$event.target.innerText"></td>

完美好用!

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Vue的父子组件v-model双向绑定，父组件修改子组件中绑定的v-model属性在Vue中通过v-model双向绑定计算属性get和set方法 vue中v-model的数据双向绑定(重要) vue中v-model 数据双向绑定 Vue(三)--v-model双向绑定 vue 双向绑定 v-model Vue 的双向绑定：v-model v-model 双向绑定中的 :true-value和:false-value的用法实例将v-model的值绑定到vuex中时遇到的问题及解决办法（computed替代watch） v-model双向绑定