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

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

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>

以上就是“微信小程序開發中遇到的問題怎么解決”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。