Vue中仅用JS修改HTML对象值为何未触发更新？

本文共计595个文字，预计阅读时间需要3分钟。

原文示例：本文实例讲述了VUE+直接通过JS+修改HTML对象的值导致没有更新到数据中的解决方法。分享给大众，仅供参考，具体如下：业务场景+我们在使用vue+编写代码时，我们有一个+多行文本框控件。

改写后：本文展示了如何通过VUE和JS修改HTML对象的值，但未更新数据的问题及解决方法。供大家参考，内容如下：业务场景+在使用vue编写代码时，我们遇到一个+多行文本框控件的问题。

本文实例讲述了VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法。分享给大家供大家参考，具体如下：

业务场景

我们在使用vue 编写 代码时，我们有一个 多行文本框控件，希望在页面点击一个按钮 在 文本框焦点位置插入一个 {pk}的数据。

发现插入 这个数据后，这个数据并没有同步到 数据中，但是直接通过键盘输入，就可以改变数据。

原因分析

在通过 JS 修改控件的value 数据后，并没有触发到数据更新。