5***@qq.com

发布：2025-04-29 10:59
更新：2025-05-15 12:57
阅读：189

【报Bug】微信小程序新增了editor-portal组件，使用uniapp编译后传至key丢失

分类：uni-app

bug已确认

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 15.3.1 (24D70)

HBuilderX类型：正式

HBuilderX版本号： 4.57

第三方开发者工具版本号： Stable 1.06.2412050

基础库版本号： 3.8.0

项目创建方式： HBuilderX

示例代码：

uniapp中代码

<block v-for="(item,idx) in customBlockList" :key="idx">  
                <editor-portal :key="item.blockId">  
                    <view class="flex">  
                        <view>{{item.blockId}}</view>  
                        <view>{{item.text}}</view>  
                    </view>   
                </editor-portal>  
            </block>

编译小程序后的代码

<block><editor-portal vue-id="{{'019b57bf-'+idx}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal></block>

操作步骤：

uniapp中代码

<block v-for="(item,idx) in customBlockList" :key="idx">  
                <editor-portal :key="item.blockId">  
                    <view class="flex">  
                        <view>{{item.blockId}}</view>  
                        <view>{{item.text}}</view>  
                    </view>   
                </editor-portal>  
            </block>

编译小程序后的代码

<block><editor-portal vue-id="{{'019b57bf-'+idx}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal></block>

预期结果：

应该编译小程序后的代码

<editor-portal key="{{item.blockId}}" vue-id="{{'019b57bf-'+idx}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>

实际结果：

<editor-portal vue-id="{{'019b57bf-'+idx}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>

bug描述：

【报Bug】微信小程序新增了editor-portal组件，使用uniapp编译后传至key丢失

2025-04-29 10:59 负责人:无分享

3 个回复

DCloud_UNI_JBB

您好，麻烦提供一个可复现的demo

9***@qq.com

uniapp不支持block和 editor-portal 吗？编译都不成功

DCloud_UNI_JBB

感谢反馈，我测试了一下，能复现你这个问题，已加分。你试试下面我发的内容能不能正常运行

2025-05-15 11:31
DCloud_UNI_JBB

去掉block，把v-for写在 editor-portal 上面

2025-05-15 11:33

DCloud_UNI_JBB

<editor id="editor">  
                <editor-portal v-for="(item,idx) in customBlockList" :key="item.blockId">  
                    <view class="flex">  
                        <view>{{item.blockId}}</view>  
                        <view>{{item.text}}</view>  
                    </view>  
                </editor-portal>  
        </editor>

5***@qq.com (作者)

使用这样的代码，依然无法达到正确结果，编译小程序代码后就自动加上block了，且editor-portal 内无key

<block wx:for="{{customBlockList}}" wx:for-item="item" wx:for-index="idx" wx:key="blockId">

<editor-portal vue-id="{{'019b57bf-'+idx}}" bind:l="l" vue-slots="{{['default']}}">

2025-09-30 10:04
DCloud_UNI_JBB

回复 5***@qq.com: vue2？

2025-09-30 10:08
5***@qq.com (作者)

回复 DCloud_UNI_JBB: 是的啊

2025-09-30 11:01
DCloud_UNI_JBB

回复 5***@qq.com: 你先写条件编译，写微信原生的语法

2025-09-30 11:14

要回复问题请先登录或注册

【报Bug】微信小程序新增了editor-portal组件，使用uniapp编译后传至key丢失

预期结果：

应该编译小程序后的代码

`<editor-portal key="{{item.blockId}}" vue-id="{{'019b57bf-'+idx}}" bind:l="l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>`

实际结果：

`<editor-portal vue-id="{{'019b57bf-'+idx}}" bind:l="l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>`

bug描述：

3 个回复

公告

相关问题

【报Bug】微信小程序新增了editor-portal组件，使用uniapp编译后传至key丢失

预期结果： 应该编译小程序后的代码 <editor-portal key="{{item.blockId}}" vue-id="{{'019b57bf-'+idx}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>

实际结果： <editor-portal vue-id="{{'019b57bf-'+idx}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

预期结果：

应该编译小程序后的代码

`<editor-portal key="{{item.blockId}}" vue-id="{{'019b57bf-'+idx}}" bind:l="l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>`

实际结果：

`<editor-portal vue-id="{{'019b57bf-'+idx}}" bind:l="l" vue-slots="{{['default']}}"><view class="flex"><view>{{item.blockId}}</view><view>{{item.text}}</view></view></editor-portal>`