1.小程序如何往緩存中存數(shù)據(jù)
將數(shù)據(jù)放入指定緩存中。 這里緩存塊的名稱叫‘mydata’,你可以根據(jù)自己的需求,取合適的名字。代碼如下
let data = {
name: '8BQ了',
age: '18',
gender: 0
}
wx.setStorageSync('myData', data)
效果:這里是存了個(gè)對(duì)象當(dāng)示例。也可以存數(shù)組,字符串等。
2.小程序如何從緩存中取數(shù)據(jù)
使用 wx.getStorageSync(‘myData’),即可取出‘myData’中緩存的數(shù)據(jù)。以下代碼打印結(jié)果為 hello
let result = wx.getStorageSync('myData')
console.log(result)
3.小程序如何修改緩存中的數(shù)據(jù)
先取出數(shù)據(jù),修改相應(yīng)數(shù)據(jù),再將其放入指定緩存中。
let result = wx.getStorageSync('myData')
result.name = '哈哈哈'
wx.setStorageSync('myData', result)
效果如下:這里把name值,由‘8BQ了’ 改為 ‘哈哈哈’
4.小程序如何使用vant組件
(1) 如果標(biāo)簽上綁定的是數(shù)據(jù)值,則直接使用該數(shù)據(jù)名稱做屬性。同時(shí)小程序的值放在{{ }}中。
例如:官方文檔如下。其中value與options都是data中的數(shù)據(jù),則在小程序中直接使用該數(shù)據(jù)名稱做屬性名。
<van-dropdown-menu>
<van-dropdown-item v-model="value" :options="option" />
</van-dropdown-menu>
在小程序中的使用如下:
<van-dropdown-menu>
<van-dropdown-item value="{{value}}" options="{{options}}" />
</van-dropdown-menu>
(2) 如果在vant中是事件方法,小程序中使用,需要在前面加bind:
比如我們現(xiàn)在要調(diào)用 change事件,在小程序中使用,change前面要加bind:
<van-dropdown-menu>
<van-dropdown-item value="{{value}}" options="{{options}}" bind:change="dropdownChange"/>
</van-dropdown-menu>
(3) 如果在vant中要雙向綁定,頁(yè)面上輸入,在js中能夠獲取到相應(yīng)的值,小程序中使用,需要在前面加model:
文檔中例子如下文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-485441.html
<van-field v-model="number" type="number" label="數(shù)字" />
在小程序中,如果想獲取輸入的number值,需要用model:value綁定文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-485441.html
<van-field model:value="{{number}}" type="number" label="數(shù)字" placeholder="請(qǐng)輸入數(shù)字" />
到了這里,關(guān)于小程序如何修改緩存中的某一個(gè)字段的值;小程序中如何應(yīng)用vant組件 如:van-dropdown-item、van-field的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!