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

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

data資料更新

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

• 需要使用this.setData更新

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

require

• 暫時不支援絕對路徑

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

background-image

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

• 可以用a1f02c36ba31691bcfe87b2722de723b解

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不能直接綁定中元件上

####################### #######外麵包裹一層89c662c6f8b87e82add978948dc499d2#########

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

###checkBox############checkbox-group綁定的bindChange事件,我們中點選checkbox事件會向上冒泡，導致外層也被點選############checkBox外麵包一層view，給view新增一個catch事件#########

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

###相關文章：#########微信小程式 開發中遇到問題摘要############微信小程式開發遇到的問題總結#### #####相關影片：#########開發微信小程式影片教學#######

以上是小結—在微信小程式開發中會遇到的一些問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！