Skip to content

littleluckly/wojushenzhen

Repository files navigation

mpvue 小程序开发

踩坑记录

常见的坑/注意事项 如何填坑 参考资料
如何取消特定页面底部 tabbar 根目录下 app.json->tabBar->list 不配置的页面都不会出现 tabbar
如何跳转到没有 tabbar 的页面 navigateTo({url:'跳转页面对应 url'}),与使用 switchTab 跳转 tab 页相比, navigateTo 会在顶部自动生成回退上一页按钮,而 switchTab 没有。
iview-weapp 的输入框的数据绑定value="{{ value1 }}"报错 改用:value="value1",需要注意的是:value 或者 v-model=value 这两种写法都不支持数据双向绑定,需要手动监听@change 事件,通过e.target.detail.value拿到当前 input 框内容,再存入 data()中
iview 的输入框在模拟器中无法输入 设置 maxLength 属性 CSDN
新增页面一定要在 app.json 中的 pages 属性中注册
顶部的状态栏/导航条/标题等属性的配置,只有在 app.json 中才需要添加"window"
使用 flex 布局实现左侧 width 固定(width:固定值),右侧 width 自适应(flex:1),如果右侧内容超长时,会压缩左侧的元素,导致左侧的 width 不起作用 在父元素上添加 overflow:hidden
保存时 markdown 被自动格式化了! 没有合适的解决方案,只能先禁用 eslint 再保存 markdown
新增页面,重新npm run dev之后报错Page is not constructed because it is not found. 执行npm run build, 之后再执行npm run dev
如何本地调试 在微信开发者工具=>设置=>项目设置=>取消勾选【不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书】,就可以本地调试了,本地的 koa 后台开发参见koa 后台项目
微信小程序地图搜索位置选点、移动位置选点 调用微信提供的 api wx.chooseLocation就可以了,此 api 会自动跳转到一个搜索位置选点的页面,有个需要注意坑,多次调用wx.chooseLocation,并通过navigateTo返回之前的页面,会导致之前的页面不能正常回退,点击回退按钮结果仍是回退到当前页面!用redirectTo就能解决

About

微信小程序测试

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published