vue項目遷移到mpvue踩坑記錄

1.滾動到底部實現(xiàn)方法
1)scrolltop = scrollheight
2) scrollintoview() 兼容性不友好,但是可以設置動態(tài)的
3)錨點點擊(一鍵到頂部/底部)

2.css動畫中直接寫@keyframes,在小程序中回自動加上兼容的前綴,這里-o-和-moz-會在小程序里報錯,可以直接寫成@-webkit-keyframes

3.項目初始化的tabbar配置項里的['items']是百度或頭條里的配置項,與微信小程序無瓜,寫了會報警告‘無效的 appJSON["tabBar"]["items"]’

4.警告:根據(jù) sitemap 的規(guī)則[0],當前頁面 [pages/index/main] 將被索引
新版本加入的消息提醒,關閉的話可以在小程序項目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 為 false

5.緩存 localStorage.setItem 報錯 'setItem of undefined' , 改成 wx.setStorageSync

6.slot插槽的數(shù)據(jù)渲染不出來,官方解釋:
1)mpvue 的版本問題,1.0.13 之后才支持具名 slot;
2) slot 里面不能有變量,有變量渲染不出來,官方推薦 用 props 傳值;
3) 不支持一個組件多個插槽;
建議不要嵌套使用插槽

7.vue里邊富文本v-html渲染到小程序里時,v-html的標簽會轉換成小程序的<rich-text />標簽,自動編譯成富文本,但是其中有一個問題,就是圖片寬度會超出顯示,深度選擇器也無法改變rich-text 里面的樣式,一般方法是把富文本進行編輯,來控制圖片的寬度不超過頁面寬度,期待更完善的方法

contentHtml = contentHtml.replace(/\<img/gi,'<img style="max-width:100%;height:auto;margin:10px 0;" ');

8.使用axios發(fā)送post請求時,后臺接收不到參數(shù),這里除了要用qs格式化發(fā)送參數(shù)以外還要在wx.request加一個請求頭

header: {
        "Content-Type": "application/x-www-form-urlencoded"
      }

9.關于scroll-view在2.10.1版本新出的自定義下拉方法,在原生小程序里一切正常,但是mpvue轉換到小程序的時候有bug,一直處于刷新的狀態(tài)不觸發(fā)結束的方法,沒有找到消除的方法,不建議用,下拉刷新上拉加載以及左右切換大概會整理之后發(fā)一篇新文

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • H5移動端知識點總結 閱讀目錄 移動開發(fā)基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,829評論 0 26
  • 移動開發(fā)基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,720評論 0 6
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,430評論 0 11
  • Mobile Web Favorites 參與貢獻 移動前端開發(fā)收藏夾,歡迎使用Issues以及 Pull Req...
    柴東啊閱讀 954評論 0 2
  • 閱讀目錄移動開發(fā)基本知識點 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    張憲宇閱讀 1,679評論 0 1

友情鏈接更多精彩內容