鸿蒙的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

<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
4354浏览 • 3回复 待解决
鸿蒙如何获得手机屏幕参数?
416浏览 • 1回复 待解决
JSinput文本对齐该如何实现?
2494浏览 • 1回复 待解决
鸿蒙OS如何获取当前手机号
11828浏览 • 1回复 待解决
js如何把list组件设置为横向
200浏览 • 1回复 待解决
关于 JS UI 开发应用问题?
1584浏览 • 1回复 待解决
鸿蒙获取当前应用内存
1890浏览 • 1回复 待解决
可以用JS UI组件来做进度展示吗?
1731浏览 • 1回复 待解决
鸿蒙如何实现动画变化
4376浏览 • 1回复 待解决