//newwrite是定義的一個數(shù)組
//push進去用戶名和輸入的內容，changeitems
//changeitems是我監(jiān)聽的輸入框的內容?
//<textarea id="reply_text" cols="30" rows="10" v-model="changeitems"></textarea>
//
this.newwrite.push({
? ? ? ? ? user_id:this.userid,
? ? ? ? ? req_content:changeitems
? ? ? ? })
console.log(this.newwrite);

由于我有的地方是用的二維數(shù)組，所以這種push的方法就不能及時顯示到頁面上去

js代碼：

//這的items是一個二維數(shù)組?
//多個評論下的回復
//點擊添加到對應的評論
_this.items[index].push({
? ? ? ?user_name:_this.username,
? ? ? ?user_id:_this.userid,
? ? ? ?req_content:text
?})

html代碼：

<div ?v-for="(item,indexss) in items[index]" :key="indexss">
　　<span class="my_commentname">{{username}} : </span><span class="my_comment">{{item}}</span>
</div>

能傳入到數(shù)組中，不能顯示在頁面上

因此就用了另一種方法，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">{{username}} : </span><span class="my_comment">{{item}}</span>
</div>

然后點擊回復就可以及時顯示到頁面上了

給對象中添加數(shù)組

this.$set(對象, key, 數(shù)組)

例如：

this.$set(this.modelForm, "Authorizers", this.chooseData);

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vant之van-list的使用及踩坑記錄
這篇文章主要介紹了vant之van-list的使用及踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
解決vue3傳屬性時報錯[Vue?warn]:Component?is?missing?template?or
這篇文章主要給大家介紹了關于解決vue3傳屬性時報錯[Vue?warn]:Component?is?missing?template?or?render?function的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-01-01
Vue.js 2.0中select級聯(lián)下拉框實例
在網(wǎng)上搜索了Vuejs2.0 動態(tài)級聯(lián)select許久未果，決定自己總結一下自己的經驗，有關select在Vue.js 2.0版本中的應用，需要的朋友可以參考下
2017-03-03
vue實現(xiàn)點擊導航欄滾動頁面到指定位置的功能(推薦)
這篇文章主要介紹了vue實現(xiàn)點擊導航欄滾動頁面到指定位置的功能(推薦),步驟一是是通過獲取不同板塊的滾輪高度,步驟二通過編寫執(zhí)行滾動操作的函數(shù),結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
2023-11-11
Vue中CSS?scoped的原理詳細講解
在組件中增加的css加了scoped屬性之后,就在會在當前這個組件的節(jié)點上增加一個data-v-xxx屬性,下面這篇文章主要給大家介紹了關于Vue中CSS?scoped原理的相關資料,需要的朋友可以參考下
2023-01-01
基于VuePress 輕量級靜態(tài)網(wǎng)站生成器的實現(xiàn)方法
VuePress是一個基于Vue的輕量級靜態(tài)網(wǎng)站生成器以及為編寫技術文檔而優(yōu)化的默認主題。這么文章給大家詳細介紹了vuepress 靜態(tài)網(wǎng)站生成器的方法，需要的朋友參考下吧
2018-04-04
IntelliJ IDEA編輯器配置vue高亮顯示
這篇文章主要為大家詳細介紹了IntelliJ IDEA編輯器配置vue高亮顯示，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
Vue微信公眾號網(wǎng)頁分享的示例代碼
這篇文章主要介紹了Vue微信公眾號網(wǎng)頁分享的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-05-05
Vue之Dep和Observer的用法及說明
這篇文章主要介紹了Vue之Dep和Observer的用法及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-05-05
在vue中根據(jù)光標的顯示與消失實現(xiàn)下拉列表
這篇文章主要介紹了在vue中根據(jù)光標的顯示與消失實現(xiàn)下拉列表，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-09-09