mpvue遇到的坑

circlewang發表於2019-07-02

第二次用mpvue,因為比較熟悉vue還是很喜歡的,相對於原生,我覺得mpvue更好一點,可能我沒用到那麼多高階的東西,(我覺得原生的坑也很多,而且麻煩) 1、問題一:for迴圈巢狀問題

mpvue遇到的坑
我是類似這種雙層陣列,然後在寫:key="target.id"和:key="section.id"的時候,終端會如下圖的錯,然後key值分別改為他們對應的index就可以了,原因未知(有知道的大佬可以告訴一下這個原理嗎)
mpvue遇到的坑

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中新增

mpvue遇到的坑

還可以分包,但目前經過前面的優化我的頁面小了好多,所以還沒嘗試,後期會了再來補充。

4、input的placeholder樣式

mpvue遇到的坑

mpvue遇到的坑

mpvue遇到的坑
可以看到用placeholder-class沒有效果 但是用placeholder-style就有了
mpvue遇到的坑

mpvue遇到的坑
原因找到了
mpvue遇到的坑

相關文章