EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
安装部署
应用开发
专题场景实战案例
低代码(Low-Code)开发参考手册
高开开发参考手册
流程开发参考手册
AFCenter 使用指南
Governor 使用指南
升级手册
FAQ
8.3.2更新说明
  • PmDropMenu
  • 基础用法
  • pm-drop-menu Attributes
  • pm-drop-menu-item Attributes
  • Slot pm-drop-menu
  • Slot pm-drop-menu-item

# PmDropMenu

# 基础用法

image-20241223153242119

基础用法

<template>
  <pm-drop-menu :data="{a: 1}" :allow="false" label="label" icon="el-icon-check" @click="clickItem">
    <pm-drop-menu-item :data="{a: 1}"  label="label" icon="el-icon-check"/>
  </pm-drop-menu>
</template>
<script>
export default {
  methods: {
    clickItem(data) {
      console.log(data)
    }
  }
}
</script>
显示代码 复制代码 复制代码

# pm-drop-menu Attributes

参数 说明 类型 可选值 默认值
data 下拉菜单绑定的数据 object - -
label 下拉菜单提示文字 string - -
icon icon class string - -
allow 使用默认显示文字或者 插槽,默认使用插槽 boolean - true
size 尺寸 string medium / small / mini mini

# pm-drop-menu-item Attributes

参数 说明 类型 可选值 默认值
data 下拉菜单绑定的数据 Object - -
label 下拉菜单提示文字 string - -
icon icon class string - -

# Slot pm-drop-menu

Name Description
main 默认显示区域的提示部分
icon 图标

# Slot pm-drop-menu-item

Name Description
icon 图标

← checkbox 复选框 cascader 联级选择 →