收藏
回答

开发者工具组件嵌套节点渲染错误

问题模块 框架类型 问题类型 操作系统 工具版本
开发者工具 小程序 Bug Windows v1.02.1911180
// filter-control组件wxml
<view class="filter-control">
  <text class="filter-control-label">{{label}}:</text>
  <slot></slot>
</view>


// filter-control组件js
Component({
  properties: {
    label: String,
  }
})


// select组件wxml
<picker 
  class="select"
  value="{{value}}"
  range="{{options}}"
  range-key="label"
>
  <view class="select-label">{{label}}</view>
</picker>


// select组件js
Component({
    properties: {
        value: {
            typeString,
            optionalTypes: [StringNumber],
            value: '',
        },
        options: {
            typeArray,
            value: [],
        },
    },
    data: {
        label: '',
    },
    observers: {
        value(v) {
            const { options } = this.data;
            const item = options.find(opt => opt.value === v);
            this.setData({ label: item ? item.label : '' });
        }
    },
});


// page wxml
<filter-control label="店铺状态">
  <select
    value="{{0}}" 
    options="{{[{label: '全部',value:0},{label: '开启',value:1},{label: '关闭',value: 2}]}}" 
  />
</filter-control>


filter-control中的slot为select,在工具中节点的结构有问题:

在真机上正确渲染

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签