摘要:其實(shí)大部分坑在在官網(wǎng)都有介紹具體位置在在中使用模塊官方文檔中總結(jié)了很多坑,但我只說(shuō)一下我今天遇到的坑不支持中的過(guò)濾器解決辦法從后臺(tái)獲取數(shù)據(jù)后始用對(duì)數(shù)據(jù)進(jìn)行處理,例子始用過(guò)濾器時(shí)始用僅為示例,并非真實(shí)接口地址。
其實(shí)大部分坑在 uni-app在官網(wǎng)都有介紹 具體位置在 在 uni-app 中使用 Vue.js 模塊
官方文檔中總結(jié)了很多坑,但我只說(shuō)一下我今天遇到的:
坑1:uni-app不支持vue中的過(guò)濾器解決辦法:從后臺(tái)獲取數(shù)據(jù)后始用js對(duì)數(shù)據(jù)進(jìn)行處理,
例子:
始用過(guò)濾器時(shí):
{{talk.date|formatTime}}
始用uni-app:
uni.request({ url: "http://localhost:8088/talk/queryList", //僅為示例,并非真實(shí)接口地址。 success: (res) => { this.talkList = res.data this.talkList.forEach(item => item.date = this.formatTime(item.date)) } })坑2: uni-app中vuex使用的區(qū)別
uni-app中this.$store為undefind ,必須要在main.js中加入這行代碼
Vue.prototype.$store = store
詳細(xì)配置可點(diǎn)擊標(biāo)題連接,uni-app官網(wǎng)有詳細(xì)說(shuō)明,與普通vue項(xiàng)目不同的只是多了上面這行代碼
坑3:微信不支持本地字體圖標(biāo)之前我的iconfont.css是從 阿里巴巴矢量圖標(biāo)庫(kù) 下載到本地的,但是uni-app不支持本地iconfont.css,報(bào)錯(cuò)
00:42:22.580 Module build failed: ModuleNotFoundError: Module not found: Error: Can"t resolve "./iconfont.eot?t=1521557349802" in "D:workspaceappProjectsuniQingchipagesindex" 00:42:22.592 at factoryCallback (D:appHBuilderXpluginsuniapp ode_moduleswebpacklibCompilation.js:264:39) 00:42:22.592 at factory (D:appHBuilderXpluginsuniapp ode_moduleswebpacklibNormalModuleFactory.js:247:20) 00:42:22.603 at resolver (D:appHBuilderXpluginsuniapp ode_moduleswebpacklibNormalModuleFactory.js:65:21) 00:42:22.613 at asyncLib.parallel (D:appHBuilderXpluginsuniapp ode_moduleswebpacklibNormalModuleFactory.js:138:21)
后來(lái)看了官網(wǎng)知道了微信小程序不支持本地圖標(biāo),
解決方案:從阿里巴巴矢量圖標(biāo)庫(kù) 獲取在線連接
可以點(diǎn)擊Unicode旁邊的Font class然后點(diǎn)開(kāi)里面的網(wǎng)址,將展示的內(nèi)容替換本地的css就好了
坑4:普通vue項(xiàng)目代碼粘過(guò)來(lái)改動(dòng)很大,不支持html原生標(biāo)簽,類似微信小程序而且目前uni-app 標(biāo)簽很少,組件也很少, uni-app中的view標(biāo)簽相當(dāng)于html中的div或者p標(biāo)簽,text標(biāo)簽相當(dāng)于p標(biāo)簽,
我今天只用了三個(gè)標(biāo)簽 button,view,image
貼一個(gè)官方的代碼你們自己感受一下 全是一色的view標(biāo)簽:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/97077.html
摘要:近些天有接觸到框架,使用軟件進(jìn)行編譯,能生成多端項(xiàng)目文件,如微信百度支付寶小程序及和端,記錄遇到的問(wèn)題條件編譯我覺(jué)得比較突出的一點(diǎn)功能,就是這個(gè)條件編譯,指定對(duì)應(yīng)的代碼執(zhí)行在對(duì)應(yīng)的一端僅在某平臺(tái)存在除了某平臺(tái)均存在如只在微信小程序中才執(zhí)行 近些天有接觸到uni-app框架,使用HBuilderX軟件進(jìn)行編譯,能生成多端項(xiàng)目文件,如微信、百度、支付寶小程序及Android和ios端,記錄...
摘要:微信分享大家見(jiàn)怪不怪了就是再點(diǎn)擊分享,然后喚起微信,分享當(dāng)前頁(yè)面到朋友圈或者分享給朋友。點(diǎn)擊配置,進(jìn)去找到分享,填寫和和在哪弄這是需要前往微信開(kāi)放平臺(tái)申請(qǐng)的進(jìn)去注冊(cè)一個(gè)帳號(hào),登錄,創(chuàng)建移動(dòng)應(yīng)用。 微信分享大家見(jiàn)怪不怪了!就是再APP點(diǎn)擊分享,然后喚起微信,分享當(dāng)前頁(yè)面到朋友圈或者分享給朋友。 所以,我開(kāi)發(fā)了這樣的一個(gè)工具。 showImg(https://segmentfault.co...
閱讀 784·2021-09-30 09:46
閱讀 3801·2021-09-03 10:45
閱讀 3618·2019-08-30 14:11
閱讀 2553·2019-08-30 13:54
閱讀 2263·2019-08-30 11:00
閱讀 2359·2019-08-29 13:03
閱讀 1566·2019-08-29 11:16
閱讀 3589·2019-08-26 13:52