mpvue开发小程序 会出现的坑

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

猜你喜欢

转载自blog.csdn.net/Corey_mengxiaodong/article/details/85159989