踩坑記-uniapp+uView(HBuilder)

平時(shí)開發(fā)中遇到的一些問題,簡(jiǎn)單整理一下,方便后續(xù)開發(fā)借鑒。

  • A:uView1.x和2.x的u-swiper輪播圖組件,當(dāng)圖片鏈接是非圖片后綴類鏈接時(shí),無法正常顯示?(比如:http://scst.funi.com/hsipportal/common/file/view?fileId=D5B52D08E14941AB98AF7CB7DB2A26C9
    Q:懶得修改源碼,直接用uniapp的輪播圖組件,沒用uView的。

  • A:uview2.x的按鈕組件button,添加@click.stop阻止點(diǎn)透事件不生效?
    Q:方案1:查看button組件源碼發(fā)現(xiàn),未添加@click.stop事件,但是uview1.x卻有。故修改源碼,添加上就行。
    方案2:不在當(dāng)前按鈕上添加該事件,換個(gè)思路,在該按鈕的父元素綁定該事件也能實(shí)現(xiàn)同意的效果。

  • A:uview2.x的表單,年齡字段有值22,初始回顯也正常,直接點(diǎn)擊表單驗(yàn)證時(shí),驗(yàn)證提示“請(qǐng)輸入年齡”?
    Q:因后端返回的年齡是數(shù)字類型integer,而表單的年齡字段未配置類型,默認(rèn)就是string,故表單驗(yàn)證不通過。將后端返回的值轉(zhuǎn)成字符串(age+''),或?qū)⒈韱悟?yàn)證規(guī)則rules的age字段類型配置成number(type='number')就行。

  • A:uview1.x的搜索組件,在部分iphone機(jī)型上,顯示2個(gè)搜索按鈕,如下圖


    1.png

Q:方案1:有雙搜索圖標(biāo)的原因是,多余的那個(gè)灰色搜索圖標(biāo)是移動(dòng)端解析input type='search'時(shí),自帶的圖標(biāo)樣式。故只需要將input search類型改成常規(guī)text類型即可。找到search組件的源碼,將comfirm-type="search"去掉即可。如下圖:

u-search組件的ios上雙圖標(biāo)問題.jpg

方案2:通過控制編譯后的原生dom元素來去掉多余的搜索圖標(biāo)。例如:


uview1.x解決方式1.jpg
  • A:uniapp本地開發(fā),樣式中的圖片用相對(duì)路徑,本地正常,打包后的圖片路徑訪問出現(xiàn)問題。
    Q:添加~@ 就能解決,因?yàn)樘砑雍?,打包時(shí),樣式中的圖片已經(jīng)被轉(zhuǎn)出base64碼替換了。

  • A:uniapp開發(fā),globalData存儲(chǔ)全局變量的值,刷新頁(yè)面就會(huì)消失
    Q:因?yàn)間lobalData只是臨時(shí)緩存,建議使用本地緩存Storage

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

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容