mpvue遇到的坑

410 阅读2分钟

第二次用mpvue,因为比较熟悉vue还是很喜欢的,相对于原生,我觉得mpvue更好一点,可能我没用到那么多高级的东西,(我觉得原生的坑也很多,而且麻烦) 1、问题一:for循环嵌套问题

我是类似这种双层数组,然后在写:key="target.id"和:key="section.id"的时候,终端会如下图的错,然后key值分别改为他们对应的index就可以了,原因未知(有知道的大佬可以告诉一下这个原理吗)

2、问题二:修改文件名却出现未定义等错误

这个问题因为之前发生了然后我百度后改好了忘记截图了,反正,基本上出现'xxx未定义等错误'或者'在app.json中没有page定义'等错误,要修改分三步走, 第一步:检查你的app.json是否有真的添加的,由于跟原生的区别,你在微信开发者工具上添加文件夹他也不会自动给你再app.json中添加路由路径,所以再添加页面或者修改页面名字的时候记得去app.json中修改添加一下。(修改app.json之后要重新npm run dev一下,不要偷懒,虽然有时候你不dev他也有效,但是保险起见还是dev一下吧)

第二步:删掉你的dist文件夹,重新npm run dev,重新生成dist,这一步针对80%的错误都有效果。

第三步:重启你的开发者工具,针对某些搜不到,莫名其妙的错误也有效。

3、问题三:mpvue-echarts打包大小 因为项目中要用到趋势图,各种(wx-chart,antv/f2,echarts)都试过最后种种原因让我放弃了其他的图表库. wx-chart太丑了(纯个人看法); antv/f2 不好操作,需要添加文件夹在static,文档也没太看懂(单细胞生物最后的倔强),但是我会等之后忙完这段时间再来研究一下他的,因为好看。 echarts太大了,小程序承受不了,但是hightcharts没有小程序端,我怕踩坑,最后还是宠幸了mpvue-charts

mpvue-echarts文档:github.com/F-loat/mpvu…

打包太大问题已经在文档中有说明了,可以在echarts官网自定义你需要的组件(建议自定义,不过要选好你所需要的组件,用原作者压缩过的还是有点大的)。

还可以在/build/webpack.dev.conf.js中添加

还可以分包,但目前经过前面的优化我的页面小了好多,所以还没尝试,后期会了再来补充。

4、input的placeholder样式

可以看到用placeholder-class没有效果 但是用placeholder-style就有了

原因找到了