Br不二
Br不二
  • 发布:2023-04-26 10:44
  • 更新:2023-04-26 11:03
  • 阅读:290

#插件讨论# 【插槽问题】

分类:uni-app
关联插件: basic-drag拖拽排序
                <basicdrag v-model="iconFontList" itemKey="name" :column="1" itemHeight="40px">  
                    <template #item="{element}">  
                        <view class="iconfont" :class="element.code">  
                        </view>  
                        <view class="drag-item">{{element.name}}</view>  
                    </template>  
                </basicdrag>

代码中插槽没有生效,还是默认展示name,为了验证

                <basicdrag v-model="iconFontList" itemKey="name" :column="1" itemHeight="40px">  
                    <template #item="{element}">  
                        <text>cs</text>  
                    </template>  
                </basicdrag>

界面仍然没有变化,仍然显示name

2023-04-26 10:44 负责人:无 分享
已邀请:
gist006

gist006

是小程序环境下吗,这是因为小程序下v-for嵌套slot会有问题,文档也有写哦。目前在优化这块的功能。可以先暂时把item的代码放到组件内。

                <!-- #ifdef MP-WEIXIN -->  
                <view class="drag-item">{{ item[itemKey] }}</view>  
                <!-- #endif -->  

                <!-- #ifndef MP-WEIXIN -->  
                <slot name="item" :element="item" :index="index"></slot>  
                <!-- #endif -->

要回复问题请先登录注册