Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程
创建一个Harmony OS 的JS项目
打开Deveco Studio,Create Project(新建项目)选择Empty Ability,然后点击Next
选择api6
如下图设置(language选择JS),点击finish
稍等片刻,等待项目创建完毕。
编写代码
index.html代码:
其中text组件中的input是变量,@change为绑定输入框改变的事件,见官方文档
这是HTML代码:
{{input}}
下面处理JS:
其中在data中定义变量:input,且input的值为空
inputValue为官方文档(见上文的参数)
下面在input事件中,给到value:inputValue参数为输入框(input)的数据
this.input = inputValue则表明将inputValue(输入框的数据)赋值给input里面
export default { data: { input:"" }, input({ value:inputValue }){ this.input = inputValue }}
即实现了读取输入框里面的文字来显示出来的效果!