自己封装下组件然后箭头消失
- 发布:2022-07-01 13:34
- 更新:2022-07-20 15:13
- 阅读:281
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.18
第三方开发者工具版本号: 1.05
基础库版本号: uview 2.0.33
项目创建方式: HBuilderX
操作步骤:
预期结果:
$slots判断正确箭头不消失
$slots判断正确箭头不消失
实际结果:
$slots判断错误箭头消失
$slots判断错误箭头消失
bug描述:
我使用的uview,然后自己封装了下表单组件,升级到最新hbuilder后在小程序里面后面的小箭头消失了,H5是正常的最后定位到是$slots失效了。
我封装的代码
<u-form-item :label="label" :prop="prop" :borderBottom="borderBottom" :required="required" @click="pickerShow">
<u--input v-model="textValue" disabled disabledColor="#ffffff"
:placeholder="placeholder? placeholder:'请选择' + label" :border="border" v-if="!view">
</u--input>
<u-icon slot="right" name="arrow-right" v-if="!view"></u-icon>
<text v-else>{{textValue || '——'}}</text>
</u-form-item>
uview源码
<view
class="item__body__right__content__icon"
v-if="$slots.right"
>
<slot name="right" />
</view>
但奇怪的是我把这段代码直接写page里面是没问题的,但自己封装下再引用就不行了
<ui-date label="日期" v-model="model1.startTime"></ui-date>
<u-form-item label="性别" borderBottom ref="item1">
<u--input disabled disabledColor="#ffffff" placeholder="请选择性别" border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
1 个回复
DCloud_UNI_GSQ
能否提供一个简单的测试工程