微信小程序開發(fā)中遇到的問題怎么解決

今天小編給大家分享一下微信小程序開發(fā)中遇到的問題怎么解決的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

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 的樣式不能應(yīng)用到組件內(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事件會向上冒泡，導(dǎo)致外層也被點擊

• 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)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。