VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法

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

业务场景

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

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

原因分析

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

解决办法

当文本框获取焦点时，我们发布一个myfocus控件，我们在使用这个控件的时候。

编写一个getTextarea的方法。

这里将文本框控件，抛出来，我们可以通过js代码修改这个控件的value。

通过这个代码我们往焦点处插入我们的代码。

当文本框失去焦点时，将当前控件的值作为input事件进行发布，从而实现了数据的同步。

希望本文所述对大家vue.js程序设计有所帮助。