mpvue開發小程序記錄
阿新 • • 發佈:2018-09-26
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開發小程序記錄