鸿蒙系统怎么在桌面添加小程序,从微信小程序到鸿蒙JS开发-menu&toast&dialog

1、menu弹出菜单

这是微信小程序没有的一个组件，提供了一个可唤起的轻量级弹出菜单。menu的子组件为option。

登录

注册

在hml中写好菜单，但这时启动app是不会显示出来的，且不会占用任何页面空间。

menu需要在方法中被唤起，因此需要设置id属性。这里通过点击“点击登录/注册“文本框唤起菜单：

点击登录/注册

showUserMenu() {

this.$element("userMenu").show();

}

使用无参的show()方法，菜单在页面的左上角被唤起弹出。

show方法还有一个重载方法，可以设置菜单弹出的x轴和y轴偏移量。x和y需要给数值类型，单位为px。

showUserMenu() {

this.$element("userMenu").show({

x: 100,

y: 100

});

}

菜单项的选中事件通过onselect属性绑定，event.value即为选中的option的value属性。

menuSelect(event) {

let value = event.value;

prompt.showToast({

message: "点击菜单项的值为"+ value,

duration: 3000

})

}

option一定要设置value属性，否则编译不通过。value重复倒是不会报错，但这样无法判断选中了哪一个菜单项，不建议。

2、Toast提示框

鸿蒙js开发模式至今无法通过console.log()等方法打印日志(mac系统如此)，但在写程序时不免要进行调试，提示框就是一种很好的方法。

在js文件中引入prompt模块：

import promptfrom'@system.prompt';

调用prompt.showToast()弹出提示框：

prompt.showToast({