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刪除。

猜您在找 v-model 雙向綁定中的 :true-value和:false-value的用法實例 v-model雙向綁定雙向綁定（v-model和屬性的雙綁） vue v-model 數據雙向綁定（筆記）筆記(二),VUE V-MODEL 雙向綁定,以及 watch 和 computed的區別 v-model雙向綁定原理 vue v-model屬性 vue 使用$refs獲取表單內容及v-model雙向數據綁定 vue自定義組件實現v-model雙向綁定 Vue學習之路第九篇：雙向數據綁定 v-model指令