鸿蒙开发-在JS中获取hml页面中Input输入的值

朱雀 2022-10-11 13:53 42阅读 0赞

# 场景 #

鸿蒙基于JS搭建HelloWorld并修改国际化文件：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/118274050][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_118274050]

在上面基于JS搭建起来Hello World之后，要新建另一个页面。怎样新建页面可以参照如下

鸿蒙开发-基础组件介绍及chart组件使用：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/118333539][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_118333539]

常用的表单提交中经常获取Input的输入框的内容，怎样在js中获取hml中input的内容。

注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

# 实现 #

首先在页面中添加一个hml

然后设置这个input的onchange事件。

在js中此事件的实现中

getNewTodo(e){
            this.inputTodo = e.value;
        },

参数为e,通过e.value获取到数据。

然后就可以将输入框的数据赋值给inputTodo这个变量了。

当然需要提前声明这个变量

data: {
            inputTodo: ""
        },

# 实际效果演示 #

![20210701114637547.gif][]

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_118274050]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050
[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_118333539]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118333539
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi
[20210701114637547.gif]: /images/20221005/7908099f2e6f42048b1b9fcaa073e2c0.png