t***@163.com
t***@163.com
  • 发布:2023-08-19 11:46
  • 更新:2023-08-19 13:27
  • 阅读:129

#插件讨论# 【 da-dropdown 下拉筛选菜单(支持主题色、功能丰富,Vue3版) - dalang 】title

分类:uni-app

那个使用插槽,title的怎么使用icon,右边的三角按钮怎么取消,感谢感谢

2023-08-19 11:46 负责人:无 分享
已邀请:
dalang

dalang

1,目前菜单栏项右侧的三角不能取消显示,后续会加这功能。请留意
2,拓展插槽示例,后续我会在示例项目里面分开添加更多使用场景示例。敬请关注
3,菜单栏项里面的title不支持icon

拓展插槽简单示例

const dropdownMenuList = ref([  
{  
  title: '下拉',  
  type: 'cell',  
  prop: 'ggg1',  
  options: [  
    { label: '下拉列表项1', value: '1' },  
    { label: '下拉列表项2', value: '2' },  
  ],  
},  
{  
  title: '插槽1', // 这个插槽在数组哪里,就在哪个位置显示  
  type: 'slot1',  
  prop: 'ggg2',  
},  
{  
  title: '下拉',  
  type: 'cell',  
  prop: 'ggg3',  
  options: [  
    { label: '下拉列表项1', value: '1' },  
    { label: '下拉列表项2', value: '2' },  
  ],  
},  
{  
  title: '插槽2', // 这个插槽在数组哪里,就在哪个位置显示  
  type: 'slot2',  
  prop: 'ggg4',  
},  
{  
  title: '下拉',  
  type: 'cell',  
  prop: 'ggg5',  
  options: [  
    { label: '下拉列表项1', value: '1' },  
    { label: '下拉列表项2', value: '2' },  
  ],  
},  
])
<DaDropdown  
  ref="DaDropdown2Ref"  
  v-model:dropdownMenu="dropdownMenuList"  
  @confirm="handleConfirm"  
  @close="handleClose"  
  @open="handleOpen">  
  <template #slot1="{item,index}">  
    <view>  
      ==>这是传递出来的自定义插槽1内容{{item}}  
      ==>这是传递出来的自定义插槽1位置{{index}}  
    </view>  
  </template>  
  <template #slot2="{item,index}">  
    <view>  
      ==>这是传递出来的自定义插槽2内容{{item}}  
      ==>这是传递出来的自定义插槽2位置{{index}}  
    </view>  
  </template>  
</DaDropdown>

要回复问题请先登录注册