• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# menu<a name="ZH-CN_TOPIC_0000001163812218"></a>
2
3提供菜单组件，作为临时性弹出窗口，用于展示用户可执行的操作。
4
5## 权限列表<a name="zh-cn_topic_0000001173164715_section11257113618419"></a>
6
7无
8
9## 子组件<a name="zh-cn_topic_0000001173164715_section9288143101012"></a>
10
11<[option](js-components-basic-option.md)\>子组件。
12
13## 属性<a name="zh-cn_topic_0000001173164715_section2907183951110"></a>
14
15除支持[通用属性](js-components-common-attributes.md)外，还支持如下属性：↵
16
17<a name="zh-cn_topic_0000001173164715_table20633101642315"></a>
18<table><thead align="left"><tr id="zh-cn_topic_0000001173164715_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173164715_aa872998ac2d84843a3c5161889afffef"><a name="zh-cn_topic_0000001173164715_aa872998ac2d84843a3c5161889afffef"></a><a name="zh-cn_topic_0000001173164715_aa872998ac2d84843a3c5161889afffef"></a>名称</p>
19</th>
20<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173164715_ab2111648ee0e4f6d881be8954e7acaab"><a name="zh-cn_topic_0000001173164715_ab2111648ee0e4f6d881be8954e7acaab"></a><a name="zh-cn_topic_0000001173164715_ab2111648ee0e4f6d881be8954e7acaab"></a>类型</p>
21</th>
22<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173164715_ab377d1c90900478ea4ecab51e9a058af"><a name="zh-cn_topic_0000001173164715_ab377d1c90900478ea4ecab51e9a058af"></a><a name="zh-cn_topic_0000001173164715_ab377d1c90900478ea4ecab51e9a058af"></a>默认值</p>
23</th>
24<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173164715_p824610360217"><a name="zh-cn_topic_0000001173164715_p824610360217"></a><a name="zh-cn_topic_0000001173164715_p824610360217"></a>必填</p>
25</th>
26<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173164715_a1d574a0044ed42ec8a2603bc82734232"><a name="zh-cn_topic_0000001173164715_a1d574a0044ed42ec8a2603bc82734232"></a><a name="zh-cn_topic_0000001173164715_a1d574a0044ed42ec8a2603bc82734232"></a>描述</p>
27</th>
28</tr>
29</thead>
30<tbody><tr id="zh-cn_topic_0000001173164715_row20739039202112"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p12805174016214"><a name="zh-cn_topic_0000001173164715_p12805174016214"></a><a name="zh-cn_topic_0000001173164715_p12805174016214"></a>target</p>
31</td>
32<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p0805154015212"><a name="zh-cn_topic_0000001173164715_p0805154015212"></a><a name="zh-cn_topic_0000001173164715_p0805154015212"></a>string</p>
33</td>
34<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p14805134011215"><a name="zh-cn_topic_0000001173164715_p14805134011215"></a><a name="zh-cn_topic_0000001173164715_p14805134011215"></a>-</p>
35</td>
36<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p17805194002114"><a name="zh-cn_topic_0000001173164715_p17805194002114"></a><a name="zh-cn_topic_0000001173164715_p17805194002114"></a>否</p>
37</td>
38<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p168053400214"><a name="zh-cn_topic_0000001173164715_p168053400214"></a><a name="zh-cn_topic_0000001173164715_p168053400214"></a>目标元素选择器。当使用目标元素选择器后，点击目标元素会自动弹出menu菜单。弹出菜单位置优先为目标元素右下角，当右边可视空间不足时会适当左移，当下方空间不足时会适当上移。</p>
39</td>
40</tr>
41<tr id="zh-cn_topic_0000001173164715_row1131933611219"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p380514401217"><a name="zh-cn_topic_0000001173164715_p380514401217"></a><a name="zh-cn_topic_0000001173164715_p380514401217"></a>type</p>
42</td>
43<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p380511401214"><a name="zh-cn_topic_0000001173164715_p380511401214"></a><a name="zh-cn_topic_0000001173164715_p380511401214"></a>string</p>
44</td>
45<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p3805174011211"><a name="zh-cn_topic_0000001173164715_p3805174011211"></a><a name="zh-cn_topic_0000001173164715_p3805174011211"></a>click</p>
46</td>
47<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p1805124013218"><a name="zh-cn_topic_0000001173164715_p1805124013218"></a><a name="zh-cn_topic_0000001173164715_p1805124013218"></a>否</p>
48</td>
49<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p11805124032118"><a name="zh-cn_topic_0000001173164715_p11805124032118"></a><a name="zh-cn_topic_0000001173164715_p11805124032118"></a>目标元素触发弹窗的方式，可选值有：</p>
50<a name="zh-cn_topic_0000001173164715_ul168051640152119"></a><a name="zh-cn_topic_0000001173164715_ul168051640152119"></a><ul id="zh-cn_topic_0000001173164715_ul168051640152119"><li>click：点击弹窗。</li><li>longpress：长按弹窗。</li></ul>
51</td>
52</tr>
53<tr id="zh-cn_topic_0000001173164715_row142917338215"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p6805840192110"><a name="zh-cn_topic_0000001173164715_p6805840192110"></a><a name="zh-cn_topic_0000001173164715_p6805840192110"></a>title</p>
54</td>
55<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p7805640162120"><a name="zh-cn_topic_0000001173164715_p7805640162120"></a><a name="zh-cn_topic_0000001173164715_p7805640162120"></a>string</p>
56</td>
57<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p1805104018214"><a name="zh-cn_topic_0000001173164715_p1805104018214"></a><a name="zh-cn_topic_0000001173164715_p1805104018214"></a>-</p>
58</td>
59<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p158051240102116"><a name="zh-cn_topic_0000001173164715_p158051240102116"></a><a name="zh-cn_topic_0000001173164715_p158051240102116"></a>否</p>
60</td>
61<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p780544014218"><a name="zh-cn_topic_0000001173164715_p780544014218"></a><a name="zh-cn_topic_0000001173164715_p780544014218"></a>菜单标题内容。</p>
62</td>
63</tr>
64</tbody>
65</table>
66
67>![](../../public_sys-resources/icon-note.gif) **说明：**
68>不支持focusable、disabled属性。
69
70## 样式<a name="zh-cn_topic_0000001173164715_section1382826121311"></a>
71
72仅支持如下样式：
73
74<a name="zh-cn_topic_0000001173164715_table1382926171312"></a>
75<table><thead align="left"><tr id="zh-cn_topic_0000001173164715_row4827267131"><th class="cellrowborder" valign="top" width="19.038096190380962%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001173164715_p14838267137"><a name="zh-cn_topic_0000001173164715_p14838267137"></a><a name="zh-cn_topic_0000001173164715_p14838267137"></a>名称</p>
76</th>
77<th class="cellrowborder" valign="top" width="23.847615238476152%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001173164715_p283172611317"><a name="zh-cn_topic_0000001173164715_p283172611317"></a><a name="zh-cn_topic_0000001173164715_p283172611317"></a>类型</p>
78</th>
79<th class="cellrowborder" valign="top" width="12.118788121187881%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001173164715_p88312621315"><a name="zh-cn_topic_0000001173164715_p88312621315"></a><a name="zh-cn_topic_0000001173164715_p88312621315"></a>默认值</p>
80</th>
81<th class="cellrowborder" valign="top" width="8.269173082691731%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001173164715_p2083112611314"><a name="zh-cn_topic_0000001173164715_p2083112611314"></a><a name="zh-cn_topic_0000001173164715_p2083112611314"></a>必填</p>
82</th>
83<th class="cellrowborder" valign="top" width="36.72632736726327%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001173164715_p1783122611133"><a name="zh-cn_topic_0000001173164715_p1783122611133"></a><a name="zh-cn_topic_0000001173164715_p1783122611133"></a>描述</p>
84</th>
85</tr>
86</thead>
87<tbody><tr id="zh-cn_topic_0000001173164715_row3836265139"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p1983152617134"><a name="zh-cn_topic_0000001173164715_p1983152617134"></a><a name="zh-cn_topic_0000001173164715_p1983152617134"></a>text-color</p>
88</td>
89<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p128332611313"><a name="zh-cn_topic_0000001173164715_p128332611313"></a><a name="zh-cn_topic_0000001173164715_p128332611313"></a>&lt;color&gt;</p>
90</td>
91<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p283192611138"><a name="zh-cn_topic_0000001173164715_p283192611138"></a><a name="zh-cn_topic_0000001173164715_p283192611138"></a>-</p>
92</td>
93<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p38312262131"><a name="zh-cn_topic_0000001173164715_p38312262131"></a><a name="zh-cn_topic_0000001173164715_p38312262131"></a>否</p>
94</td>
95<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p1283152651317"><a name="zh-cn_topic_0000001173164715_p1283152651317"></a><a name="zh-cn_topic_0000001173164715_p1283152651317"></a>设置菜单的文本颜色。</p>
96</td>
97</tr>
98<tr id="zh-cn_topic_0000001173164715_row483152611133"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p88319262136"><a name="zh-cn_topic_0000001173164715_p88319262136"></a><a name="zh-cn_topic_0000001173164715_p88319262136"></a>font-size</p>
99</td>
100<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p584192617139"><a name="zh-cn_topic_0000001173164715_p584192617139"></a><a name="zh-cn_topic_0000001173164715_p584192617139"></a>&lt;length&gt;</p>
101</td>
102<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p168412265131"><a name="zh-cn_topic_0000001173164715_p168412265131"></a><a name="zh-cn_topic_0000001173164715_p168412265131"></a>30px</p>
103</td>
104<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p884112616132"><a name="zh-cn_topic_0000001173164715_p884112616132"></a><a name="zh-cn_topic_0000001173164715_p884112616132"></a>否</p>
105</td>
106<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p138462651315"><a name="zh-cn_topic_0000001173164715_p138462651315"></a><a name="zh-cn_topic_0000001173164715_p138462651315"></a>设置菜单的文本尺寸。</p>
107</td>
108</tr>
109<tr id="zh-cn_topic_0000001173164715_row984102651311"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p208462681319"><a name="zh-cn_topic_0000001173164715_p208462681319"></a><a name="zh-cn_topic_0000001173164715_p208462681319"></a>allow-scale</p>
110</td>
111<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p1584626161319"><a name="zh-cn_topic_0000001173164715_p1584626161319"></a><a name="zh-cn_topic_0000001173164715_p1584626161319"></a>boolean</p>
112</td>
113<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p1184192681319"><a name="zh-cn_topic_0000001173164715_p1184192681319"></a><a name="zh-cn_topic_0000001173164715_p1184192681319"></a>true</p>
114</td>
115<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p1184142612131"><a name="zh-cn_topic_0000001173164715_p1184142612131"></a><a name="zh-cn_topic_0000001173164715_p1184142612131"></a>否</p>
116</td>
117<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p6849264138"><a name="zh-cn_topic_0000001173164715_p6849264138"></a><a name="zh-cn_topic_0000001173164715_p6849264138"></a>设置菜单的文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。</p>
118<div class="note" id="zh-cn_topic_0000001173164715_note984226191312"><a name="zh-cn_topic_0000001173164715_note984226191312"></a><a name="zh-cn_topic_0000001173164715_note984226191312"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001173164715_p58442621310"><a name="zh-cn_topic_0000001173164715_p58442621310"></a><a name="zh-cn_topic_0000001173164715_p58442621310"></a>如果在config描述文件中针对ability配置了fontSize的config-changes标签，则应用不会重启而直接生效。</p>
119</div></div>
120</td>
121</tr>
122<tr id="zh-cn_topic_0000001173164715_row0848266134"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p108417267136"><a name="zh-cn_topic_0000001173164715_p108417267136"></a><a name="zh-cn_topic_0000001173164715_p108417267136"></a>letter-spacing</p>
123</td>
124<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p19851226111314"><a name="zh-cn_topic_0000001173164715_p19851226111314"></a><a name="zh-cn_topic_0000001173164715_p19851226111314"></a>&lt;length&gt;</p>
125</td>
126<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p11851526131317"><a name="zh-cn_topic_0000001173164715_p11851526131317"></a><a name="zh-cn_topic_0000001173164715_p11851526131317"></a>0</p>
127</td>
128<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p1085112601315"><a name="zh-cn_topic_0000001173164715_p1085112601315"></a><a name="zh-cn_topic_0000001173164715_p1085112601315"></a>否</p>
129</td>
130<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p1585102611312"><a name="zh-cn_topic_0000001173164715_p1585102611312"></a><a name="zh-cn_topic_0000001173164715_p1585102611312"></a>设置菜单的字符间距。</p>
131</td>
132</tr>
133<tr id="zh-cn_topic_0000001173164715_row198512611311"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p58542612137"><a name="zh-cn_topic_0000001173164715_p58542612137"></a><a name="zh-cn_topic_0000001173164715_p58542612137"></a>font-style</p>
134</td>
135<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p1385526141314"><a name="zh-cn_topic_0000001173164715_p1385526141314"></a><a name="zh-cn_topic_0000001173164715_p1385526141314"></a>string</p>
136</td>
137<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p0854265135"><a name="zh-cn_topic_0000001173164715_p0854265135"></a><a name="zh-cn_topic_0000001173164715_p0854265135"></a>normal</p>
138</td>
139<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p68511266136"><a name="zh-cn_topic_0000001173164715_p68511266136"></a><a name="zh-cn_topic_0000001173164715_p68511266136"></a>否</p>
140</td>
141<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p1985126101319"><a name="zh-cn_topic_0000001173164715_p1985126101319"></a><a name="zh-cn_topic_0000001173164715_p1985126101319"></a>设置菜单的字体样式。见<a href="js-components-basic-text.md#zh-cn_topic_0000001127125018_section5775351116">text组件font-style的样式属性</a>。</p>
142</td>
143</tr>
144<tr id="zh-cn_topic_0000001173164715_row1485326141319"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p78572651318"><a name="zh-cn_topic_0000001173164715_p78572651318"></a><a name="zh-cn_topic_0000001173164715_p78572651318"></a>font-weight</p>
145</td>
146<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p4856268132"><a name="zh-cn_topic_0000001173164715_p4856268132"></a><a name="zh-cn_topic_0000001173164715_p4856268132"></a>number | string</p>
147</td>
148<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p68572616131"><a name="zh-cn_topic_0000001173164715_p68572616131"></a><a name="zh-cn_topic_0000001173164715_p68572616131"></a>normal</p>
149</td>
150<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p168572615134"><a name="zh-cn_topic_0000001173164715_p168572615134"></a><a name="zh-cn_topic_0000001173164715_p168572615134"></a>否</p>
151</td>
152<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p138542681312"><a name="zh-cn_topic_0000001173164715_p138542681312"></a><a name="zh-cn_topic_0000001173164715_p138542681312"></a>设置菜单的字体粗细。见<a href="js-components-basic-text.md#zh-cn_topic_0000001127125018_section5775351116">text组件font-weight的样式属性</a>。</p>
153</td>
154</tr>
155<tr id="zh-cn_topic_0000001173164715_row88516264133"><td class="cellrowborder" valign="top" width="19.038096190380962%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001173164715_p28512618133"><a name="zh-cn_topic_0000001173164715_p28512618133"></a><a name="zh-cn_topic_0000001173164715_p28512618133"></a>font-family</p>
156</td>
157<td class="cellrowborder" valign="top" width="23.847615238476152%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001173164715_p285182651315"><a name="zh-cn_topic_0000001173164715_p285182651315"></a><a name="zh-cn_topic_0000001173164715_p285182651315"></a>string</p>
158</td>
159<td class="cellrowborder" valign="top" width="12.118788121187881%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001173164715_p16851626111320"><a name="zh-cn_topic_0000001173164715_p16851626111320"></a><a name="zh-cn_topic_0000001173164715_p16851626111320"></a>sans-serif</p>
160</td>
161<td class="cellrowborder" valign="top" width="8.269173082691731%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001173164715_p12856267138"><a name="zh-cn_topic_0000001173164715_p12856267138"></a><a name="zh-cn_topic_0000001173164715_p12856267138"></a>否</p>
162</td>
163<td class="cellrowborder" valign="top" width="36.72632736726327%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001173164715_p178632614139"><a name="zh-cn_topic_0000001173164715_p178632614139"></a><a name="zh-cn_topic_0000001173164715_p178632614139"></a>设置菜单的字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="js-components-common-customizing-font.md">自定义字体</a>指定的字体，会被选中作为文本的字体。</p>
164</td>
165</tr>
166</tbody>
167</table>
168
169## 事件<a name="zh-cn_topic_0000001173164715_section5624519222"></a>
170
171仅支持如下事件：
172
173<a name="zh-cn_topic_0000001173164715_table116210562217"></a>
174<table><thead align="left"><tr id="zh-cn_topic_0000001173164715_row2062135192210"><th class="cellrowborder" valign="top" width="18.459999999999997%" id="mcps1.1.4.1.1"><p id="zh-cn_topic_0000001173164715_p166255172219"><a name="zh-cn_topic_0000001173164715_p166255172219"></a><a name="zh-cn_topic_0000001173164715_p166255172219"></a>名称</p>
175</th>
176<th class="cellrowborder" valign="top" width="30.769999999999996%" id="mcps1.1.4.1.2"><p id="zh-cn_topic_0000001173164715_p76225152215"><a name="zh-cn_topic_0000001173164715_p76225152215"></a><a name="zh-cn_topic_0000001173164715_p76225152215"></a>参数</p>
177</th>
178<th class="cellrowborder" valign="top" width="50.77%" id="mcps1.1.4.1.3"><p id="zh-cn_topic_0000001173164715_p0621562216"><a name="zh-cn_topic_0000001173164715_p0621562216"></a><a name="zh-cn_topic_0000001173164715_p0621562216"></a>描述</p>
179</th>
180</tr>
181</thead>
182<tbody><tr id="zh-cn_topic_0000001173164715_row19622532212"><td class="cellrowborder" valign="top" width="18.459999999999997%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164715_p5629512216"><a name="zh-cn_topic_0000001173164715_p5629512216"></a><a name="zh-cn_topic_0000001173164715_p5629512216"></a>selected</p>
183</td>
184<td class="cellrowborder" valign="top" width="30.769999999999996%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164715_p6621258220"><a name="zh-cn_topic_0000001173164715_p6621258220"></a><a name="zh-cn_topic_0000001173164715_p6621258220"></a>{ value:value }</p>
185</td>
186<td class="cellrowborder" valign="top" width="50.77%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164715_p963205112214"><a name="zh-cn_topic_0000001173164715_p963205112214"></a><a name="zh-cn_topic_0000001173164715_p963205112214"></a>菜单中某个值被点击选中时触发，返回的value值为option组件的value属性。</p>
187</td>
188</tr>
189<tr id="zh-cn_topic_0000001173164715_row13636516229"><td class="cellrowborder" valign="top" width="18.459999999999997%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164715_p463550229"><a name="zh-cn_topic_0000001173164715_p463550229"></a><a name="zh-cn_topic_0000001173164715_p463550229"></a>cancel</p>
190</td>
191<td class="cellrowborder" valign="top" width="30.769999999999996%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164715_p17633542217"><a name="zh-cn_topic_0000001173164715_p17633542217"></a><a name="zh-cn_topic_0000001173164715_p17633542217"></a>-</p>
192</td>
193<td class="cellrowborder" valign="top" width="50.77%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164715_p6639512225"><a name="zh-cn_topic_0000001173164715_p6639512225"></a><a name="zh-cn_topic_0000001173164715_p6639512225"></a>用户取消。</p>
194</td>
195</tr>
196</tbody>
197</table>
198
199## 方法<a name="zh-cn_topic_0000001173164715_section47669296127"></a>
200
201仅支持如下方法。
202
203<a name="zh-cn_topic_0000001173164715_table5423142414911"></a>
204<table><thead align="left"><tr id="zh-cn_topic_0000001173164715_row342362484919"><th class="cellrowborder" valign="top" width="18.459999999999997%" id="mcps1.1.4.1.1"><p id="zh-cn_topic_0000001173164715_p2423924114916"><a name="zh-cn_topic_0000001173164715_p2423924114916"></a><a name="zh-cn_topic_0000001173164715_p2423924114916"></a>名称</p>
205</th>
206<th class="cellrowborder" valign="top" width="30.769999999999996%" id="mcps1.1.4.1.2"><p id="zh-cn_topic_0000001173164715_p124231524104914"><a name="zh-cn_topic_0000001173164715_p124231524104914"></a><a name="zh-cn_topic_0000001173164715_p124231524104914"></a>参数</p>
207</th>
208<th class="cellrowborder" valign="top" width="50.77%" id="mcps1.1.4.1.3"><p id="zh-cn_topic_0000001173164715_p104230246498"><a name="zh-cn_topic_0000001173164715_p104230246498"></a><a name="zh-cn_topic_0000001173164715_p104230246498"></a>描述</p>
209</th>
210</tr>
211</thead>
212<tbody><tr id="zh-cn_topic_0000001173164715_row1642392418498"><td class="cellrowborder" valign="top" width="18.459999999999997%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001173164715_p165281286428"><a name="zh-cn_topic_0000001173164715_p165281286428"></a><a name="zh-cn_topic_0000001173164715_p165281286428"></a>show</p>
213</td>
214<td class="cellrowborder" valign="top" width="30.769999999999996%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001173164715_p9528428204212"><a name="zh-cn_topic_0000001173164715_p9528428204212"></a><a name="zh-cn_topic_0000001173164715_p9528428204212"></a>{ x:x,  y:y }</p>
215</td>
216<td class="cellrowborder" valign="top" width="50.77%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001173164715_p11528112816422"><a name="zh-cn_topic_0000001173164715_p11528112816422"></a><a name="zh-cn_topic_0000001173164715_p11528112816422"></a>显示menu菜单。(x, y)指定菜单弹窗位置。其中x表示距离可见区域左边沿的 X 轴坐标，不包含任何滚动偏移，y表示距离可见区域上边沿的 Y 轴坐标，不包含任何滚动偏移以及状态栏。菜单优先显示在弹窗位置右下角，当右边可视空间不足时会适当左移，当下方空间不足时会适当上移。</p>
217</td>
218</tr>
219</tbody>
220</table>
221
222## 示例<a name="zh-cn_topic_0000001173164715_section54636714136"></a>
223
224```
225<!-- xxx.hml -->
226<div class="container">
227  <text onclick="onTextClick" class="title-text">Show popup menu.</text>
228  <menu id="apiMenu" onselected="onMenuSelected">
229    <option value="Item 1">Item 1</option>
230    <option value="Item 2">Item 2</option>
231    <option value="Item 3">Item 3</option>
232  </menu>
233</div>
234```
235
236```
237/* xxx.css */
238.container {
239  flex-direction: column;
240  align-items: flex-start;
241  justify-content: center;
242}
243.title-text {
244  margin: 20px;
245}
246```
247
248```
249// xxx.js
250import prompt from '@system.prompt';
251export default {
252  onMenuSelected(e) {
253    prompt.showToast({
254      message: e.value
255    })
256  },
257  onTextClick() {
258    this.$element("apiMenu").show({x:280,y:120});
259  }
260}
261```
262
263![](figures/menu13.gif)
264
265