[微信小程序開發(fā)] 動態(tài)數(shù)據(jù)不夠用,本地靜態(tài)數(shù)據(jù)的使用教程

鑒于目前小黃象API調(diào)用次數(shù)限制(主要是窮,沒有積分去兌換),我使用本地數(shù)據(jù)進(jìn)行調(diào)試,也可以達(dá)到同樣效果。
閑話少說,直接上代碼,目錄結(jié)構(gòu)就是微信小程序官方結(jié)構(gòu)

目錄結(jié)構(gòu)

staticData.js

var data_ = require('../../utils/data.js')
Page({
    data:{
        list:[]
    },
    onLoad:function(){
        this.setData({
            list:data_.getSData()
        });
    }
});

staticData.json

{
    "navigationBarTitleText": "數(shù)據(jù)"
}

staticData.wxml

<!--staticData.wxml-->
<view class="container log-list">
  <block wx:for="{{list}}" wx:for-item="log" wx:key="*this">
    <text class="log-item">key:{{log.key}},value:{{log.value}}</text>
  </block>
</view>

staticData.wxss

.log-list {
  display: flex;
  flex-direction: column;
  padding: 40rpx;
}
.log-item {
  margin: 10rpx;
}

data.js

function getSData(){
    var data = [{
        key:'1',
        value:'1V'
    },{
        key:'2',
        value:'2V'
    },{
        key:'3',
        value:'3V'
    },{
        key:'4',
        value:'4V'
    }];
    return data;
}
module.exports = {
  getSData: getSData
}

運行效果圖

運行效果圖

最后發(fā)現(xiàn),好像真的好好用(并沒有,你咬我啊)

下文
數(shù)據(jù)null導(dǎo)致無法展示,控制臺不報錯,踩坑

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

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

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