EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
学习指南
更新说明
安装与集成
上线指南
初见EOS
低代码开发手册
专业代码开发手册
专题场景实战
公共服务框架
应用运行治理
运维指南
  • 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 联级选择 →