3***@qq.com
3***@qq.com
  • 发布:2022-04-23 16:53
  • 更新:2022-04-24 07:57
  • 阅读:2078

【报Bug】uni-easyinput 组件设置 clearable 无效,并且在控制台报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: WIN10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.7

浏览器平台: Chrome

浏览器版本: 100.0.4896.60

项目创建方式: HBuilderX

示例代码:

<uni-easyinput clearable="false" errorMessage v-model="value" focus placeholder="请输入内容2" @input="input">
</uni-easyinput>

操作步骤:

就在官方hello uniapp示例中的easyinput页面,随便一个添加clearable="false"即可复现

预期结果:

不显示清空输入框按钮

实际结果:

仍然显示清空输入框按钮,并且控制台报错

bug描述:

uni-easyinput 组件设置 clearable 无效,并且在控制台报错

2022-04-23 16:53 负责人:无 分享
已邀请:
呆狗的一生

呆狗的一生 - 呆狗的一生

你这让我感到不知道说什么好。。。在clearable前加个冒号(:)就好。
解释:你要明白你这里给出的false是一个字符串,这个属性只要你给任何一个值都表示为“真”。而加冒号表示后面是一个变量。还有disabled属性也一样。在js的世界存在着真值和假值(不仅仅是ture和false),推荐你看看Truthy(真值)

呆狗的一生

呆狗的一生 - 呆狗的一生

我猜你控制台是报的这个错吧。

Invalid prop: type check failed for prop "clearable". Expected Boolean, got String with value "false".
呆狗的一生

呆狗的一生 - 呆狗的一生

意思是说,这个属性 【clearable】 期望得到一个布尔值,但是得到了一个字符串。明白了吧

  • 3***@qq.com (作者)

    厉害了,说的有道理。

    2022-04-25 17:42

该问题目前已经被锁定, 无法添加新回复