樱桃树下
养活了一公司的程序猿
|
无敌霸王龙
获得徽章 0
- jym遇到一个问题，不知道怎么实现了，图一是一个组件，组件分别包含了筛选条件、表格、分页三个插槽。现在需求（图二）是需要根据传入的筛选条件进行动态适配，比如当前窗口大小为1000px，最多能放下5个输入框和查询重置按钮，然后超出的放在单独的弹窗中并且显示展开/收起。如果是直接操作 dom 我到知道怎么去实现，但是在 vue2 中使用插槽传进来的表单需要去动态控制那些是渲染到筛选条件中，哪些需要渲染到 展开收起弹窗中。展开312
- 我有一个想法，如何让尤雨溪看到？或大佬们有实现的可能吗？
UiTemplate组件
1、可以通过ref拿到UiSlot绑定is的组件ref
2、下面的插槽都会放在UiSlot绑定is的组件下
3、$attrs都会绑定到UiSlot绑定is的组件上
UiSlot组件
1、配合实现UiTemplate组件功能
2、name属性支持template原本功能，或者支持UiTemplate组件功能
3、is指定组件
// App.vue
<UiTest>
<UiTemplate ref="buttonRef" type="primary" #button>
<template #default>按钮</template>
</UiTemplate>
</UiTest>
// UiTest.vue
<template>
<div>
<UiSlot is="el-button" name="button" />
</div>
</template>展开283
![[傲慢]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_23.27eb25d.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
，，今天被hr说简历简单了，好人一生平安。