鸿蒙的JS UI如何获得当前组件的值?

鸿蒙的JS UI如何获得当前组件的Value的值和,自定义一个属性customeVal的值

<Text id="Text1" >{{title}}</Text>

<Button id="Text2" value="哈哈,你好" customeVal="Test123" onclick="getVal"></Button>

此处不一定是Button,有可能是Text,Image,也有可能是list的for循环的组件的值 等其他组件

在JS中代码中,

export default {

    data: {

        title: ""

    },

    getVal(e) {

        this.title= e.value + e.customeVal;//但没有任何效果,Text没有展示出来

    }

}

鸿蒙
组件
HarmonyOS
2021-12-08 09:46:24
浏览
已于2021-12-8 15:22:29修改
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
darad
1

<div class="container">
    <text id="Text1" >{{title}}</text>

    <button id="Text2" value="哈哈,你好" customeVal="Test123" onclick="getVal"></button>
</div>

export default {
    data: {
        title: ""
    },
    getVal(e) {
        // 使用json打印e的值
        console.log('=============' + JSON.stringify(e))
        
    }
}

{"type":"click","target":{"ref":"8","type":"button","attr":{"customeval":"Test123","value":"哈哈,你好","id":"Text2","debugLine":"pages/index/index:4"},"style":{},"customComponent":false,"event":["click"],"id":"Text2"},"currentTarget":{"ref":"8","type":"button","attr":{"customeval":"Test123","value":"哈哈,你好","id":"Text2","debugLine":"pages/index/index:4"},"style":{},"customComponent":false,"event":["click"],"id":"Text2"},"timestamp":1635818425241}

根据想要那个值就能得到,例如:获取button的value: e.target.attr.value

希望能帮助你。

 

分享
微博
QQ
微信
回复
2021-12-08 13:46:32
相关问题
鸿蒙osJS UI如何导入jquery
7670浏览 • 4回复 待解决
是否有获取当前屏幕亮度API
309浏览 • 1回复 待解决
鸿蒙如何获得手机屏幕参数?
2659浏览 • 1回复 待解决
如何设置组件最大最小宽度高度
345浏览 • 1回复 待解决
关于 JS UI 开发应用问题?
3691浏览 • 1回复 待解决
JSinput文本对齐该如何实现?
6425浏览 • 1回复 待解决
Js UI 如何设置状态栏背景是透明
1514浏览 • 1回复 待解决
如何获取UI组件显示或隐藏状态
143浏览 • 1回复 待解决
可以用JS UI组件来做进度展示吗?
4291浏览 • 1回复 待解决
鸿蒙OS如何获取当前手机号
21245浏览 • 1回复 待解决
鸿蒙UI框架没有 C++ UI框架
11291浏览 • 2回复 待解决
js如何把list组件设置为横向
2022浏览 • 1回复 待解决