前言:
如今朋友们对“js改变文本框的值”大概比较注重,大家都需要剖析一些“js改变文本框的值”的相关资讯。那么小编也在网上收集了一些有关“js改变文本框的值””的相关资讯,希望你们能喜欢,大家快快来学习一下吧!本文实例讲述了VUE直接通过JS修改html对象的值导致没有更新到数据中解决方法。分享给大家供大家参考,具体如下:
业务场景
我们在使用vue编写代码时,我们有一个多行文本框控件,希望在页面点击一个按钮在文本框焦点位置插入一个{pk}的数据。
发现插入这个数据后,这个数据并没有同步到数据中,但是直接通过键盘输入,就可以改变数据。
原因分析
在通过JS修改控件的value数据后,并没有触发到数据更新。
解决办法
当文本框获取焦点时,我们发布一个myfocus控件,我们在使用这个控件的时候。
编写一个getTextarea的方法。
这里将文本框控件,抛出来,我们可以通过js代码修改这个控件的value。
通过这个代码我们往焦点处插入我们的代码。
当文本框失去焦点时,将当前控件的值作为input事件进行发布,从而实现了数据的同步。
希望本文所述对大家vue.js程序设计有所帮助。
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #js改变文本框的值