p***@sina.com
p***@sina.com
  • 发布:2025-07-09 16:25
  • 更新:2025-07-09 16:42
  • 阅读:36

如何正确给组件的Boolean属性赋值?

分类:uni-app

一个再简单不过的例子:

<checkbox checked="false" >选中</checkbox>

实际代码执行效果却是选中状态。

查看编译到微信小程序开发工具中的代码,发现编译的代码是:

<checkbox checked="false">选中</checkbox>

在微信官方文档中说:
特别注意:不要直接写 checked="false",其计算结果是一个字符串,转成 boolean 类型后代表真值。
所以在微信小程序开发工具中正确的写法是:

<checkbox checked="{{false}}"> </checkbox>

那么在uniapp中正确的写法是什么?

2025-07-09 16:25 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

这样写

<checkbox :checked="false" >选中</checkbox>

你那种方式读出来的数据是字符串,false 字符串转化为布尔值是 true,所以选中了。

  • p***@sina.com (作者)

    谢谢,那官方文档中是不是凡是给布尔属性赋值但没加:的都是错的?

    2025-07-09 16:43

  • DCloud_UNI_JBB

    回复 p***@sina.com: 文档已修改,看prop定义

    2025-07-09 17:32

p***@sina.com

p***@sina.com (作者)

uniapp官方文档中是不是写错了

  • k***@sanchuanshashi.com

    看组件内部props定义的接收类型,你说的这个组件 有可能组件内部定义了可以接受字符串类型

    2025-07-09 17:22

要回复问题请先登录注册