微信小程序開發(fā)中會遇到的問題有哪些

這篇文章主要介紹微信小程序開發(fā)中會遇到的問題有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

data數(shù)據(jù)更新

• 直接對this.data進行賦值，是無法更新視圖綁定的數(shù)據(jù)的，會造成數(shù)據(jù)不一致

• 需要使用this.setData更新

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

require

• 暫時不支持絕對路徑

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

background-image

• 不能使用靜態(tài)文件，只能使用base64和網(wǎng)絡(luò)圖片

• 可以用<img>解決

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

組件樣式

• app.wxss 的樣式不能應用到組件內(nèi)部

• 可以按需引用 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>

<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='catchTap'">
     <checkbox value="{{value}}" checked="{{checked}}"/>
    </view>
  </view>
</checkbox-group>

以上是“微信小程序開發(fā)中會遇到的問題有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！