<!-- 小程序的爬坑記錄 --> 1 微信小程序之動態(tài)獲取元素寬高 var obj=wx.createSelectorQuery(); 2 微信小程序圖片自適應(yīng) <image class="themeImg" :src="themeImg" mode="widthFix" /> mode設(shè)置為widthFix 寬度100% 3.小程序上拉加載 下拉刷新 4.通過 this.$root.$mp.query 進(jìn)行獲取小程序在 page onLoad 時候傳遞的 options。通過 this.$root.$mp.appOptions 進(jìn)行獲取小程序在 app onLaunch/onShow 時候傳遞的 options。 5 style 支持的語法: 動態(tài)給生成節(jié)點賦樣式 <p v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">666</p> <p v-bind:style="[{ color: activeColor, fontSize: fontSize + 'px' }]">777</p> 6 微信小程序地圖markers 動態(tài)數(shù)據(jù)渲染的坑 由于異步設(shè)置值的過程，組件已經(jīng)渲染。但是map變量沒有預(yù)定義是undefined狀態(tài)，map初始化拿不到數(shù)據(jù)直接報錯了，而異步過來又變成動態(tài)更新導(dǎo)致了wxml需要重新渲染map組件的情況導(dǎo)致的。因為官方文檔有提到： 地圖組件的經(jīng)緯度必填, 如果不填經(jīng)緯度則默認(rèn)值是北京的經(jīng)緯度。 標(biāo)記點markers只能在初始化的時候設(shè)置，不支持動態(tài)更新。 只能初始化一次，因此導(dǎo)致每次都是顯示的初始化信息。 wx:if會渲染一下組件，那我們按照這個思路給他加個if就行了 <map markers="{{markers}}" style="width: 375px; height: 200px;" wx:if="{{map}}"></map> 默認(rèn)map是false,就是加載時不渲染map組件，等ajax回來后把map設(shè)置為true，這樣就動態(tài)渲染成你要的地址了

轉(zhuǎn)載于:https://www.cnblogs.com/style-hyh/p/10786288.html

總結(jié)

以上是生活随笔為你收集整理的mpvue 小程序开发爬坑汇总的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。