mpvue开发小程序踩坑

news/2024/7/20 3:24:13 标签: mpvue, 小程序

1.项目运行

npm run dev // 可以实现热更新

npm run build:wx  // 不会热更新,更改需要再次执行

新增加页面,需要重新运行npm run dev

坑点:

  • 重新运行npm run dev,仍然无法看到新页面,此时需要先运行npm run build:wx,然后再试
  • 项目文件大时需要分包,分包配置和原生开发小程序一样,npm run dev运行项目,第一次真机测试没问题,第二次需要重新运行npm run dev

2.页面中的变量不能使用方法

一般在vue中会使用方法的返回值来插值等操作,在mpvue中没有效果,想要成功需要在data中增加键,把方法返回值赋值给这个键

3.图片地址中存在变量会报错

使用v-if判断变量是否有值,再显示图片

4.不能在页面中绑定HTML代码

使用mpvue-wxparse包解决,注意转化后的与实际html差异,比如:a链接转化后不能跳转等

5.使用navigateTo跳转页面失败

失败原因是页面栈层级过多,使用redirectToreLaunch,可以解决,项目中要注意页面跳转,不要所有的都是用navigateTo,对于不可返回页面使用redirectToreLaunchreLaunch会清空页面栈,也就是说无法使用navigateBack

6.获取输入框中光标位置

绑定表单的input等方法中会有curso,就是当前光标位置,可以用于搜索触发限制次数

7.带有中文的get请求

目前发现有问题的手机是安卓版本比较低的6.0,无论前端是否进行编码,需要改成post请求,不在url中带有中文

8.隐藏input做短信验证码功能

使用一个隐藏的input作为输入,视觉中有验证码位数对应的几个框,每个框显示input里面的一位数字,隐藏input宽高为0,在编辑器中无法获取焦点,真机测试可以

9.scrollview需要给固定高度

scrollview(y方向滚动)在flex布局伸缩高度,不会滚动,百分比高度可以

10.页面缓存状态

组件状态会被缓存,需要注意在生命周期里面初始化状态


http://www.niftyadmin.cn/n/534869.html

相关文章

java文件的过滤器

File对象中的遍历文件的方法总的来说主要是返回值的区别,有一个返回String字符串的list()方法,还有一个返回File对象的数组的listFile()方法。要不就是两中方法带参数的方法,可以对遍历指定类型的文件,比如.mp3的文件.......对子文…

Java学习笔记八

IO流:就是input/output输入/输出流。 一、字节流操作文件的便捷类:FileWriter和FileReader 1 import java.io.FileWriter;2 import java.io.IOException;3 4 public class FileWriterDemo {5 private static final String LINE_SEPARATORSystem.getProperty("line.sep…

存储或删除cookie失败

cookie的基础知识就不介绍了。。。需要的戳这里 相关方法是参考js-cookie包封装的 删除失败 ​ 问题 ​ 存储cookie所在页面路由为/storage/setCookie,设置path的值为/storage/setCookie ​ 删除cookie所在页面路由为/storage/removeCookie,设置pat…

转:Qt编写串口通信程序全程图文讲解

转载:http://blog.csdn.net/yafeilinux/article/details/4717706 作者:yafeilinux (说明:我们的编程环境是windows xp下,在Qt Creator中进行,如果在Linux下或直接用源码编写,程序稍有不同,请自己改动。) 在…

队列——阵列实现

简介: 队列的实现除了链表外。也可用数组实现。 分析描写叙述: 队列的结构: typedef int ElementType; typedef struct QueueRecord{int Capacity;int Front;int Rear;int Size;ElementType *Array; }QueueRecord, *Queue;创建队列&#xff1…

elementUI表格动态渲染错乱

问题: 表格设置固定高度,表格内容超过高度,表格出现滚动,但是表格滚动部分高度偏小(比表格高度减去表格头小)。表格左侧第一列固定左侧,横向出现滚动,表格横向出现错位。不固定出现…

这些天自身努力的体会,关于java方面的

以前也是接触过java,这学期的软件工程课和周围同学各种比赛取得不错的成绩,确实令人倍感压力。为此这几天使劲脑补了一下java的知识,甚至不惜为此翘课,了解了java中的网络编程,对于sokectserver,udp&#x…

路由重复注册Duplicate named routes

问题: 控制台报错Duplicate named routes,一开始登录,切换用户时都会出现 环境: vue: 2.6.6 element-ui: 2.10.1 动态权限控制路由 分析: 报错的意思是路由重复定义。查看静态路由并没有出现重复,打断…