小結—在微信小程式開發中會遇到的一些問題

最近自己在做小程式練習，分享我遇到的小坑

data資料更新

• 直接對this.data進行賦值，是無法更新視圖綁定的資料的，會造成資料不一致

• 需要使用this.setData更新

this.data.key = value
this.setData({
  key: value
})

require

• 暫時不支援絕對路徑

const util = require('../../utils/util.js')

background-image

• 不能使用靜態文件，只能使用base64和網絡圖片

• 可以用解

background: #fff url(data:image/jpeg;base64,***)
<image class="logo" src="/images/logo.png" mode="cover"></image>

元件樣式

• app.wxss的樣式不能應用到元件內部

• 可以按需引用import: “”

@import "/app.wxss";

textarea

• ##textarea預設樣式有固定寬度

• #模板裡面事件不能傳參

• 使用event.currentTarget.dataset取得
  ##

  <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>
  
  Page({
    tapName(event) {
      console.log(event.currentTarget.dataset.hi)
    }
  })

  登入後複製
animation

animation不能直接綁定中元件上

<view animation={{animation}}>
  <my-component></my-component>
</view>

<checkbox-group bindchange="checkboxChange">
  <view bindtap="bindTap">
    <view catchtap=&#39;catchTap&#39;">
     <checkbox value="{{value}}" checked="{{checked}}"/>
    </view>
  </view>
</checkbox-group>