uni-app 自定义组件具名slot加入内容后多一层view节点

在uni-app自定义组件中,使用具名slot时,如果节点不是scroll-view,就会多增加一次view节点,即使已经手动增加了,也会再增加一层,具体原因还不清楚。

情况1,直接使用组件

  <CommonPage>
    <template #content>
      <IndexRenovation/>
    </template>
  </CommonPage>
image.png

情况2,嵌套异常view

  <CommonPage>
    <template #content>
      <view class="index">
        <IndexRenovation/>
      </view>
    </template>
  </CommonPage>
image.png

情况3,使用scroll-view原生组件

  <CommonPage>
    <template #content>
      <scroll-view height="100%" scroll-y lower-threshold="300">        
        <IndexRenovation/>
      </scroll-view>
    </template>
  </CommonPage>
image.png

uni-app官网 (dcloud.net.cn) - 各家小程序实现机制不同-可能存在的平台兼容问题

全局配置 | uni-app官网 (dcloud.net.cn)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、...
    十佳少年阅读 11,271评论 0 3
  • 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签,标签上可以...
    邹邹_ZZ阅读 451评论 0 0
  • 目录结构 一个uni-app工程,默认包含如下目录及文件:┌─common 用于存放一些通用的 js...
    李霖弢阅读 1,779评论 0 0
  • 一、简介 前言,注意首先如果单纯的js与原生混合开发并不建议使用uni插件开发,开发周期将近1个半月其中大量时间都...
    Gavin_2020阅读 1,311评论 0 1
  • 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 条件注释跨端兼容 uni-app的事件 导...
    不是隔壁的老王啊阅读 2,635评论 0 0