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

php是最好的语言
發布: 2018-08-02 13:48:44
原創
1629 人瀏覽過

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

data資料更新

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

  • 需要使用this.setData更新

this.data.key = value
this.setData({
  key: value
})
登入後複製

require

  • 暫時不支援絕對路徑

const util = require('../../utils/util.js')
登入後複製

background-image

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

  • 可以用

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 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!