知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側(cè)重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
您當前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
微信小程序在開發(fā)中遇到的問題與解決方法
發(fā)表時間:2021-3-31
發(fā)布人:葵宇科技
瀏覽次數(shù):74
1. √
這種錯誤多半是該js文件中沒有Page這個方法,就算是空的js也必須要把Page({ })寫上去
2. √
這種錯誤多半是該json文件沒有內(nèi)容,所以必須要加上{ },就算是空內(nèi)容也要加上{ }。
補一句:小程序里json文件中不允許有注釋不然會報錯。
3.未解決
這個問題我不知道怎么解決了。我使用了一個模板,iconClass在當前頁面的js中的data里是一個數(shù)組,我只想讓它使用第一個屬性,但是使用數(shù)組的下標 iconClass[ 0 ]這樣就出現(xiàn)錯誤了,如果不要下標就是數(shù)組全部輸出。
4. √
這個錯誤就很明顯了。小程序中的背景圖片不能使用本地的路徑,要么使用在服務(wù)器上的圖片路徑,要么編碼成base64位。
image標簽才可以使用本地路徑。
5.點擊view之后,獲取該view的text值 √
這個的解決辦法就是:把view的text值放在data數(shù)據(jù)里面,然后點擊事件觸發(fā)的時候就獲取對應(yīng)data的數(shù)據(jù)
6.獲取input輸入框的值: √
給input綁定事件:bindinput= ' code (自定義事件名稱)',
然后在page里面:
code:function(e){ var txt= e.detail.value //這個txt就是監(jiān)聽到的值 }
7.給每個單獨的頁面設(shè)置頂部導(dǎo)航欄的效果:√
在需要設(shè)置頂部導(dǎo)航欄的頁面的json文件中寫下配置導(dǎo)航欄的代碼:
{ "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#C79C77", "navigationBarTitleText": "忘記密碼", "navigationBarTextStyle": "white" }
注意:不要寫成這樣哦:
{ "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#C79C77", "navigationBarTitleText": "忘記密碼", "navigationBarTextStyle": "white" } }
這樣是不行的,要去掉window才可以。如果不配置的話就默認使用app.json里面的導(dǎo)航欄配置。
8.動態(tài)修改元素的css樣式:√
<view style='color:{{bg}}'></view>
bg是在page的data里面申明的顏色
data: { bg:"" }
然后在某個事件觸發(fā)的時候setData該值就能動態(tài)修改了,比如觸發(fā)名稱為tap的事件:
tap:function(){ this.setData({ bg:"skyblue" }) }
9.√
在wx:for={{}}后面加上wx:key=""可消除警告
10.小程序里的text標簽,使用換行的時候出現(xiàn)的問題:√
<text>合計: <text>¥666666</text> </text>
得到的結(jié)果:
上面的寫法和下面的寫法是不一樣的
<text>合計:<text>¥666666</text></text>
這就很奇怪了,在HTML中,這不是一樣的嗎。。。反正在微信小程序里,如果text標簽后面有換行,顯示的時候也會把換行自動加進去,和HTML中的不一樣。
11.小程序中的textarea,有個auto-height屬性,自增高,本來挺好的屬性,但是有一點小問題√
<textarea placeholder='請輸入留言內(nèi)容' auto-height="true" show-confirm-bar="false"></textarea>
當textarea設(shè)置字體大小為29rpx以下時:會出現(xiàn)下面的情況:
就是當文字在第二行時,并不會自動增加高度,只會出現(xiàn)滾動條。只有在第三行出現(xiàn)時才自增高度
但是當字體大小設(shè)置為30rpx以上時,就會正確的在第二行增加高度。
12.√
這種情況多半是在該json文件里面的最后一個json數(shù)據(jù)多了一個“,”逗號。例如:
{ "navigationBarTitleText": "地址修改", }
13.在使用setData動態(tài)修改數(shù)據(jù)的時候,如果出現(xiàn)數(shù)據(jù)修改了,在調(diào)試器的AppData里面數(shù)據(jù)也在同時變化,但是就是頁面渲染不了數(shù)據(jù),即總是顯示不出來√
這種情況多半是setData設(shè)置的數(shù)據(jù)是某個數(shù)據(jù)里的子數(shù)據(jù),不是根數(shù)據(jù)點;例如:
data里面的某個數(shù)據(jù)swiperList
swiperList:[{ //每個導(dǎo)航欄商品數(shù)據(jù) pid:0, adSrc:"../../public/img/index/idx-ad.png", //當前導(dǎo)航欄所有的商品數(shù)據(jù) GoodsList: [{ Gid:0, imgSrc: "../../public/img/order/order-img.png", Gname: "聯(lián)聯(lián)想聯(lián)想聯(lián)想聯(lián)想", GnewPrice: "1", GoldPrice: "111", Gtip: "促銷", GtipContent: "顯示折扣8.8折,最后兩小時", Gnum: "0" }, { Gid: 11, imgSrc: "../../public/img/order/order-img.png", Gname: "聯(lián)聯(lián)想聯(lián)想聯(lián)想聯(lián)想", GnewPrice: "2", GoldPrice: "222", Gtip: "促銷", GtipContent: "顯示折扣8.8折,最后兩小時", Gnum: "0" }], }]
我要動態(tài)修改里面GoodsList的值,最初我使用動態(tài)修改子數(shù)據(jù)點
var goods = this.data.swiperList[page].GoodsList[idx]; var num = goods.Gnum;//當前商品原來的數(shù)量 num--; goods.Gnum = num;//修改增加后的商品數(shù)量 this.setData({ goods: goods, //修改商品的數(shù)量 })
這樣修改之后,值是修改了,但是就是渲染不出來。最后修改為根數(shù)據(jù)點就正常了。
this.setData({ swiperList: this.data.swiperList, //修改商品的數(shù)量 })
14.√
這個是小程序獲取設(shè)置權(quán)限的時候得到的一個對象,我想獲取里面scope.userLocation的布爾值,最初我以為對象都是可以用“.”來進行操作的,但是這樣不行,只有通過下面這種方式。
相關(guān)案例查看更多
相關(guān)閱讀
- 網(wǎng)站建設(shè)首選公司
- 退款
- 云南做軟件
- 云南建設(shè)廳網(wǎng)站首頁
- 昆明軟件定制公司
- 網(wǎng)站建設(shè)列表網(wǎng)
- 網(wǎng)站建設(shè)專家
- 云南花農(nóng)小程序
- 網(wǎng)站建設(shè)價格
- 昆明網(wǎng)站設(shè)計
- painter
- 昆明軟件定制
- 小程序定制
- 昆明小程序設(shè)計
- 云南網(wǎng)站建設(shè)首選
- 網(wǎng)站建設(shè)服務(wù)公司
- 云南科技公司
- uniapp開發(fā)小程序
- 制作一個小程序
- 小程序生成海報
- 英文網(wǎng)站建設(shè)公司
- 跳轉(zhuǎn)小程序
- 快排推廣
- 報廢車管理系統(tǒng)
- 微信分銷系統(tǒng)
- web開發(fā)技術(shù)
- 云南網(wǎng)站建設(shè)快速優(yōu)化
- APP
- 云南網(wǎng)站建設(shè)費用
- 云南省建設(shè)廳官方網(wǎng)站