mpvue开发小程序记录

Posted 2021-01-08 liuzhixiang

 

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、自定义组件上面不支持绑定事件，只能在组件内部顶层绑定，这会导致引用该组件的地方要判断是否可点击。