• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序自定义组件的坑之 hidden、boolean 属性和花括号

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

这样是不行的

<my-component hidden="true"> </my-component>

改成这样

<view hidden="true">
<my-component> </my-component>
</view>

如果你要用变量

<view hidden="{{isHidden}}">
<my-component> </my-component>
</view>

2. 自定义组件里 Boolean 类型的 property 需要用花括号

比如自定义组件定义了一个 isPublic 的属性

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    isPublic: Boolean,
  }
  ...
}

这样是不行的:

<my-component isPublic="true"> </my-component>

你得改为

<my-component isPublic="{{true}}"> </my-component>

然而官方的组件却不用加花括号

<scroll-view refresher-enabled="true" scroll-y="true" > </scroll-view>

3. wx:for-index 不要加花括号

wx:for-index 这里只是名字,不是变量,不用加花括号。里面的 data-index="{{index}}" 这里要加花括号,它已经是个变量了。

<view class="item" wx:for="{{list}}" wx:for-index="index">
    <view class="item-name"> {{item.name}} </view>  
    <button size="mini" bindtap="onDelete" data-index="{{index}}">x</button>
</view>

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序-.gitignore失效问题发布时间:2022-07-18
下一篇:
小程序开发之scroll-view中id不能以数字开头的问题发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap