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

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

總結(jié)

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

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