微信小程序开发中的注意点

一、<view> 标签与 <block> 标签的区别

  • <view> 是一个组件,会在页面上做渲染
  • <block>不是一个组件,它仅仅是一个包装元素,只接受控制属性,不会在页面中做任何渲染

如下栗子,wx:else 是一个控制属性,需要将它添加到一个标签上

  <view class="userinfo">
    <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
    <block wx:else>
      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    </block>
  </view>

持续更新

猜你喜欢

转载自blog.csdn.net/yuge486/article/details/81735008