HarmonyOS应用开发-Jsmenu菜单组件

<!-- xxx.hml -->
<div class="container">
    <button onclick="onTextClick" class="title-text">Show popup menu.</button>
    <menu id="apiMenu" onselected="onMenuSelected">
        <option value="Item1">选项1</option>
        <option value="Item2">选项2</option>
        <option value="Item3">选项3</option>
    </menu>
</div>

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

/* xxx.css */
.container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.title-text {
    width: 200px;
    height: 30px;
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

// xxx.js
import prompt from '@system.prompt';
export default {
    onMenuSelected(e) {
        prompt.showToast({
            message: e.value
        })
    },
    onTextClick() {
        this.$element("apiMenu").show({x:280,y:400});
    }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.