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

场景

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

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050

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

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

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118333539

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

注：

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

实现

首先在页面中添加一个hml

<input class="plan-input" type="text" onchange="getNewTodo"></input>

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

在js中此事件的实现中

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

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

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

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

    data: {
        inputTodo: ""
    },

实际效果演示