1. 程式人生 > >mpvue開發小程序記錄

mpvue開發小程序記錄

v-for clas tabbar 沒有 script 就是 bind 窗口 radi

1.同一組件內嵌套的 v-for 不能連續使用相同的索引,目前為: index,index

<li v-for="(list, index) in datas" :key="index">
 <div class="h-btn-block" :class="{‘active‘:current==list.code}" @tap="current=list.code">{{list.text}}</div>
 <div v-for="(item, subIndex) in list.radios" :key="subIndex"><input type="radio" :value="item.code">{{item.text}}</div>
</li>


2、小程序裏所有的 BOM/DOM 都不能用,也就是說 v-html 指令不能用

3、新建頁面中的vue,js,json只能用index.vue,main.js,main.json?

4、navigateTo 跳轉路徑需要寫成絕對路徑,不然會報錯。

wx.navigateTo({ url: "/pages/login/main", })
wx.navigateTo({ url: "/pages/projectdetail/main?id=1", })

然後獲取的時候,要通過

onLoad: function(option){
this.projectId = option.id;
},

5、bind事件名需要改成@事件名

6、json配置項 navigationBarTitleText 必須要配置,否則會報錯

7、tabbar的icon路徑需要放到static目錄下,否則會找不到

8、非tabbar頁面切到tabbar頁面需要用 wx.switchTab 其余所有的跳轉無效。

9、新增頁面需要重新npm run dev

10、小程序雙括號內不支持方法,所以vue裏面的filter都不能用,字典只能每個用到字典的頁面在data加一個統一的dict命名來手動賦值

11、微信小程序的 javascript 運行環境和瀏覽器不同,頁面的腳本邏輯是在JsCore中運行,JsCore是一個沒有窗口對象的環境,所以不能在腳本中使用window,

也無法在腳本中操作組件,JsCore中也沒有 XmlhttpRequest對象,所以jquery 、zepto、axios這些在小程序中都不能用

12、自定義組件上面不支持綁定事件,只能在組件內部頂層綁定,這會導致引用該組件的地方要判斷是否可點擊。

mpvue開發小程序記錄