微信小程式陣列增刪改查

2021-08-20 05:44:16 字數 3776 閱讀 8445

"請輸入修改內容"

>

input

>

<

button

bindtap=

"queding"

>確定

button

>

<

button

bindtap=

"quxiao"

>取消

button

>

view

>

<

view

class=

'v1'

>

<

view

wx:for=

"}"wx:for-index=

"index"

wx:for-item=

"item"

>

<

view

class=

'line-main'

>

<

view

class=

'line-buck'

>}、}

view

>

<

view

class=

"line-buck line-img"

bindtap=

"addarray"

id= "}"

>

<

image

class=

'button-add ub-img1 '

src=

"../../image/icon-add.png"

>

image

>

view

>

<

view

class=

"line-buck line-img"

bindtap=

"selectarray"

id= "}"

>

<

image

class=

'button-add ub-img1 '

src=

"../../image/icon-edit.png"

>

image

>

view

>

view

>

view

>

view

>

<

view

class=

'v2'

>

<

view

wx:for=

"}"wx:for-index=

"index"

wx:for-item=

"item"

>

<

view

class=

'line-main'

>

<

view

class=

'line-buck'

>}、}

view

>

<

view

class=

"line-buck line-img"

bindtap=

"delarray"

id= "}"

>

<

image

class=

'button-add ub-img1 '

src=

"../../image/icon-close.png"

>

image

>

view

>

view

>

view

>

view

>

view

>

css:(本來可以更好看,但是懶得弄了)

.line-main

.line-buck

.line-img

.v0.v1

.v2.button-add

.ub-img

.ub-img1

.ub.ub-rev

.text-input

.text-button

.text-main

.hide

.show

js://獲取應用例項

()page

(,hasuserinfo

:false

, caniuse

: wx

.caniuse

('button.open-type.getuserinfo'

), i

:0, array1

:["uzi"

,"mlxg"

,"小虎"

,"卡莎"

,"letme"

,"ming"

], array2

:,showview

:false

, username

:"", index

:0}, //事件處理函式

bindviewtap

:function())

}, add

:function

(e ))

}, addarray

:function

(index

))}, delarray

:function

(index

)) },

selectarray

:function

(index

)) },

quxiao

:function

())

}, queding

:function

())

this

.setdata

() },

usernameinput

:function

(e ))

var array1

=this

.data

.array1

; array1

[this

.data

.index

]=this

.data

.username

; this

.setdata

()}, onload

:function())

}elseif(

this

.data

.caniuse

))} }

else) }

}) }

}, getuserinfo

:function

(e )) }

}) 完成**差不多就這樣,ok(中間的曲折離奇,箇中滋味得自己體會)

微信小程式增刪改查方法

官方文件 先獲取資料庫的引用 const db wx.cloud.database 獲取集合的引用 const image db.collection image const user db.collection user 新增記錄 image.add success function res 刪除...

微信小程式 陣列(增,刪,改,查)等操作例項詳解

微信小程式 陣列 增,刪,改,查 等操作程式設計客棧 最近在做乙個小程式的demo。由於不向後台請求資料,所以就涉及到對本地資料的操作,也遇到了一些坑,本文就以陣列的增刪改查為例,給新手分享一些經驗。首先這是原始資料,json的陣列。我們嘗試對改資料進行操作,同時渲染到頁面。1,資料的新增 在獲取到...

微信小程式 陣列操作

page 向前插入資料 要增加的陣列 var newarray 使用concat 來把兩個數組合拼起來 this.data.list newarray.concat this data.list 將合拼之後的資料,傳送到檢視層,即渲染頁面 大夥請記錄,修改了資料後,一定要再次執行 this.setd...