龙空技术网

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

无忧的火车GH5 275

前言:

如今朋友们对“js改变文本框的值”大概比较注重,大家都需要剖析一些“js改变文本框的值”的相关资讯。那么小编也在网上收集了一些有关“js改变文本框的值””的相关资讯,希望你们能喜欢,大家快快来学习一下吧!



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

业务场景

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

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

原因分析

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

解决办法


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


编写一个getTextarea的方法。


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


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

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

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

标签: #js改变文本框的值