鸿蒙的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
7781浏览 • 4回复 待解决
鸿蒙如何获得手机屏幕参数?
2746浏览 • 1回复 待解决
ArkUI中如何获取当前UI控件信息
147浏览 • 1回复 待解决
是否有获取当前屏幕亮度API
449浏览 • 1回复 待解决
JSinput文本对齐该如何实现?
6546浏览 • 1回复 待解决
如何设置组件最大最小宽度高度
597浏览 • 1回复 待解决
关于 JS UI 开发应用问题?
3781浏览 • 1回复 待解决
如何获取UI组件显示或隐藏状态
270浏览 • 1回复 待解决
Js UI 如何设置状态栏背景是透明
1624浏览 • 1回复 待解决
可以用JS UI组件来做进度展示吗?
4343浏览 • 1回复 待解决
有无JS UI开发物理按键接口?
1586浏览 • 1回复 待解决