问题描述

试了和微信小程序基础库版本没啥关系，HBuilderX3.1.18以后版本渲染就如下图所示；

复现步骤

HBuilderX 3.1.18渲染正常；
HBuilderX3.1.18+ 渲染不正常如下图；
查了其他issue试了HBuilderX alpha 3.2.15也是一样的问题；

代码

列表组件

<view
      v-for="(item, index) in list"
      :key="index"
    >
      <slot :item="item"></slot>
    </view>

列表item组件

template部分根据item渲染内容

<script>
export default
    { 
      name: "list-item", 
      props: {   
          item: {     
             type: Object,
             default: () => {
                return {};    
                  }  
            } 
        }
};
</script>

使用组件页面

<resource-list
        :params="params"
        v-slot="{ item, tabType }"
        :list="resList"
        :status="status"
        :showLoadMore="showLoadMore"
        :showEmpty="showEmpty"
      >
        <scheme-item
          v-if="item.id"
          @click.native="
            $u.route(`/views/resourceDetail/tec`, {
              id: item.id,
              hostid
            })
          "
          :item="item"
          :tabType="2"
        ></scheme-item>
      </resource-list>

预期结果

希望列表渲染正常

实际结果

系统信息:

• 发行平台: 微信小程序
• 操作系统 win10
• 设备信息 开发者工具模拟器和手机

补充信息

找了很多方案 都不尽人意 希望能在这里终结这个问题~~