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

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

data數據更新

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

• 需要使用this.setData更新

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

require

• 暫時不支持絕對路徑

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

background-image

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

• 可以用<img>解決

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>

<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>

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