Harmony OS鸿蒙（JavaScript/JS）获取输入框（input）数据，响应输入事件并且获得参数教程_鸿蒙如何获取textfield的value

创建一个Harmony OS 的JS项目

打开Deveco Studio，Create Project（新建项目）选择Empty Ability，然后点击Next

选择api6

如下图设置（language选择JS），点击finish

稍等片刻，等待项目创建完毕。

编写代码

index.html代码：

其中text组件中的input是变量，@change为绑定输入框改变的事件，见官方文档

这是HTML代码：

<div class="container">
<input @change="change"></input>
    <text>
        {{input}} <!-- input 为变量-->
    </text>
</div>

下面处理JS：

其中在data中定义变量：input，且input的值为空

inputValue为官方文档（见上文的参数）

下面在input事件中，给到value：inputValue参数为输入框（input）的数据

this.input = inputValue则表明将inputValue（输入框的数据）赋值给input里面

export default {
    data: {
        input:""
    },
 
    input({ value:inputValue }){
        this.input = inputValue
 
    }
}

即实现了读取输入框里面的文字来显示出来的效果！