42 lines
		
	
	
		
			911 B
		
	
	
	
		
			Markdown
		
	
	
			
		
		
	
	
			42 lines
		
	
	
		
			911 B
		
	
	
	
		
			Markdown
		
	
	
| <cn>
 | |
| #### ่ๅ้่ๆนๅผ
 | |
| ้ป่ฎคๆฏ็นๅปๅ
ณ้ญ่ๅ๏ผๅฏไปฅๅ
ณ้ญๆญคๅ่ฝใ
 | |
| </cn>
 | |
| 
 | |
| <us>
 | |
| #### The way of hiding menu.
 | |
| The default is to close the menu when you click on menu items, this feature can be turned off.
 | |
| </us>
 | |
| 
 | |
| ```html
 | |
| <template>
 | |
|   <a-dropdown v-model="visible">
 | |
|     <a class="ant-dropdown-link" href="#">
 | |
|       Hover me <a-icon type="down" />
 | |
|     </a>
 | |
|     <a-menu slot="overlay" @click="handleMenuClick">
 | |
|       <a-menu-item key="1">Clicking me will not close the menu.</a-menu-item>
 | |
|       <a-menu-item key="2">Clicking me will not close the menu also.</a-menu-item>
 | |
|       <a-menu-item key="3">Clicking me will close the menu</a-menu-item>
 | |
|     </a-menu>
 | |
|   </a-dropdown>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| export default {
 | |
|   data(){
 | |
|     return {
 | |
|       visible: false,
 | |
|     }
 | |
|   },
 | |
|   methods: {
 | |
|     handleMenuClick (e) {
 | |
|       if (e.key === '3') {
 | |
|         this.visible = false
 | |
|       }
 | |
|     },
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| ```
 |