input標(biāo)簽在ios不顯示

在開(kāi)發(fā)工具和安卓上input標(biāo)簽可以正常顯示，但是在ios上發(fā)現(xiàn)input標(biāo)簽不顯示。

解決辦法：給input加上寬度；

原因大概是抖音小程序的input輸入框沒(méi)有寬度，需要手動(dòng)設(shè)置。

<!-- 在ios不顯示 -->
<input type="text" placeholder="請(qǐng)輸入..." />
 
<!-- 調(diào)整后 - 設(shè)置寬度，就可以顯示 -->
<input type="text" placeholder="請(qǐng)輸入..." style="width: 100px" />

input標(biāo)簽在ios中給不上默認(rèn)值

頁(yè)面初始化后從本地緩存中得到數(shù)據(jù)并綁定給input標(biāo)簽，在ios中有時(shí)會(huì)發(fā)現(xiàn)value值已經(jīng)得到了，但是沒(méi)渲染到頁(yè)面上。

解決辦法：在獲取數(shù)據(jù)前使用$nextTick延遲渲染下。

/** 這樣可能導(dǎo)致input值給不上 */
onLoad() {
    this.value = uni.getStorageSync("value");
}
 
/** 調(diào)整后 */
onLoad() {
    this.$nextTick(() => {
	    this.value = uni.getStorageSync("value");
    });
}

上傳圖片上傳不了

上傳圖片用 uni.chooseImage 選中圖片后，得到的本地臨時(shí)路徑是個(gè)下面這樣的：
ttfile://temp/ab790db96c9b65cb54685c7d99c4d847.jpeg

?直接用這個(gè)路徑通過(guò) uni.uploadFile 接口上傳，會(huì)上傳不了
解決辦法：要用 uni.compressImage 這個(gè)壓縮圖片的接口去壓縮下，再用獲取到的路徑去上傳就可以了：
ttfile://temp/tempCompressImg1642681468739.jpg

對(duì)比了下兩次獲取到的本地路徑就中間的文件名部分不一樣，微x小程序就沒(méi)這個(gè)問(wèn)題

用web-view展示pdf文件在安卓上不顯示

頁(yè)面用web-view來(lái)展示pdf文件，在ios和開(kāi)發(fā)工具里都沒(méi)問(wèn)題，但在安卓手機(jī)上頁(yè)面打開(kāi)成功一直顯示空白，解決方案先用 uni.downloadFile 下載下來(lái)文件，在通過(guò) uni.openDocument 打開(kāi)文檔，但是安卓真機(jī)上打開(kāi)依然只顯示一個(gè)pdf文件名，需要自己再點(diǎn)一下通過(guò)wps之類的其他第三方應(yīng)用打開(kāi)

子組件傳遞事件$emit里的事件名不能加“-”?

子組件像父組件傳遞事件時(shí)，事件名里加了橫杠“-”編譯之后事件都是無(wú)效的，

像下面這樣的：

this.$emit('on-pick', info)、要改成 this.$emit('onpick', info) 才有用

子組件里多個(gè)slot編譯無(wú)效

自己封裝的組件里有多個(gè) slot 的都編譯不出來(lái)，uview的很多組件也一樣有問(wèn)題

勾選了es6轉(zhuǎn)es5，lodash里用到的函數(shù)報(bào)錯(cuò)

一般我們都會(huì)勾選上es6轉(zhuǎn)es5，頁(yè)面里如果有用到 lodash庫(kù)里防抖節(jié)流函數(shù) debounce、throttle會(huì)直接報(bào)錯(cuò)，如果不轉(zhuǎn)則沒(méi)問(wèn)題

安卓小程序點(diǎn)擊空白讓輸入框鍵盤(pán)收起會(huì)觸發(fā)2次頁(yè)面的點(diǎn)擊事件

有個(gè)頁(yè)面正好有用到輸入框和uview的步進(jìn)器，先點(diǎn)擊輸入框獲取焦點(diǎn)同時(shí)鍵盤(pán)彈出，如果此時(shí)正好直接去點(diǎn)步進(jìn)器的 + 或 - 會(huì)直接加減2
解決辦法：設(shè)置個(gè)變量去禁掉步進(jìn)器 disabled，輸入框獲取焦點(diǎn)focus事件里去設(shè)置disabled=true，burl事件里用個(gè)定時(shí)器設(shè)置disabled=false，這樣用戶要自己先點(diǎn)一下空白收起鍵盤(pán)后，才能點(diǎn)擊步進(jìn)器

uni.getEnv方法字節(jié)小程序不支持

小程序里web-view可以直接用uni.navigateTo之類的接口跳回小程序或者和小程序通信，單需要在網(wǎng)頁(yè)里引入對(duì)應(yīng)平臺(tái)提供的通信sdk文件，像獲取環(huán)境信息的 uni.getEnv 方法字節(jié)小程序里是不支持的

uni-app打包優(yōu)化

uni-app打包一般會(huì)根據(jù)環(huán)境變量來(lái)自動(dòng)設(shè)置接口域名，但是uni只有生產(chǎn)模式production才會(huì)壓縮代碼，有時(shí)我們開(kāi)發(fā)、測(cè)試環(huán)境也需要真機(jī)上預(yù)覽，如果不壓縮代碼有時(shí)會(huì)提示包超除大小限制（一般主包限制2M）
解決方案：通過(guò)默認(rèn)的 NODE_ENV 命令行變量去讓打包生產(chǎn)模式，自己再額外加一個(gè)VUE_APP_ENV變量來(lái)判斷接口地址，如下面這樣的命令：
"build:mp-toutiao-dev": "cross-env VUE_APP_ENV=development NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --minimize --watch"

?

1文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-417543.html

到了這里，關(guān)于uniapp生成抖音小程序 問(wèn)題記錄的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！