當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
鸿蒙开发-在JS中获取hml页面中Input输入的值
生活随笔
收集整理的這篇文章主要介紹了
鸿蒙开发-在JS中获取hml页面中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: ""},實際效果演示
與50位技術專家面對面20年技術見證,附贈技術全景圖總結
以上是生活随笔為你收集整理的鸿蒙开发-在JS中获取hml页面中Input输入的值的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 鸿蒙开发-实现页面跳转与页面返回
- 下一篇: CentOS中使用Dockerfile部