小程序实践踩坑总结

六月份实在太忙,只能把遇到的问题简单记录,今天小程序二期的开发基本上结束了,才有空来总结整理在开发过程中遇到的问题。
在上一篇博客小程序学习实践总结中,我以为小程序的开发没太多可说的,使用mpvue,只要了解vue和小程序的api就可以了。事实证明我还是太年轻了,当时只是做一些简单维护,6月份开发小程序二期的时候,才发现有很多坑点。这里边有自己不熟悉的坑,有mpvue的坑,甚至还有微信开发者工具的坑。还有一些不算坑,但是了解到的小知识点,也一并记录在这里。

值得记录的问题

1.图片不显示的问题

问题描述: 小程序图片不显示。
问题原因: webpack使用了url-loader将图片转换为base64,limit默认是10000,约为10kb,图片大小超出责转换失败,所以就不显示了。
解决方案:webpack.base.conf.js文件中查找url-loader,修改limit字段;或使用较小的图片。

2.小程序的input的placeholder-class属性无效

问题描述: 小程序的input组件可以设置placeholder-class来增加placeholder的样式,但设置后不生效。
问题原因: vue单文件组件的