vue 新增陣列頁面及時顯示

2022-05-08 18:30:08 字數 1675 閱讀 7537

第一次寫部落格,寫的不好,還望大家多多包涵。

//

newwrite是定義的乙個陣列

//push進去使用者名稱和輸入的內容,changeitems

//changeitems是我監聽的輸入框的內容

由於我有的地方是用的二維陣列,所以這種push的方法就不能及時顯示到頁面上去

js**:

//

這的items是乙個二維陣列

////

_this.items[index].push()

html**:

<

div

v-for

="(item,indexss) in items[index]"

:key

="indexss"

>

<

span

class

="my_commentname"

>} :

span

><

span

class

="my_comment"

>}

span

>

div>

能傳入到陣列中,不能顯示在頁面上

因此就用了另一種方法,vue.set(this.arr, this.arr.length, text);

其中這裡的this要提前定義結構

js**:

//a=

//此處_this=this

_this.items[i] = new

array();

_this.a.push(_this.items[i]);

//點選事件中:

vue.set(this.a, this.a.length, text);

html**:

<

div

v-for

="(item,indexss) in a"

:key

="indexss"

>

<

span

class

="my_commentname"

>} :

span

><

span

class

="my_comment"

>}

span

>

div>

然後點選回覆就可以及時顯示到頁面上了

希望對大家有幫助

vue動態新增陣列歸類

昨天在寫完專案之後出現乙個bug,我想簡單了,我以為直接把資料傳過去就行,誰知道還需要歸類資料,把資料整合起來,這個是動態的整合起來。格式是這樣子的 children陣列裡面放的是name底下的種類。先搞乙個空的陣列,這個是讓儲存把多餘新增的重複資料過濾掉的資料 let arr3 通過結構把所有需要...

新增陣列方法

有乙個條件不滿足,就返回false function isbelowthreshold currentvalue var array1 1,30,39,29,10,13 console.log array1.every isbelowthreshold 如果arr1的name欄位的值,全部在arr2...

ES新增陣列方法

陣列中foreach map filter reduce some every 的總結 let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array ...