鍍金池/ 問答/HTML/ vue 更新組件問題

vue 更新組件問題

圖片描述

左側(cè)是一個可復用的列表組件，只要傳入相應(yīng)的接口地址，分頁信息就會從后臺請求到數(shù)據(jù)生成表格；

右側(cè)添加信息；

問題是右側(cè)添加成功后如何更新左側(cè)的組件

有嘗試過$forceUpdate，非父子組件的通信。都未能解決

很簡單的場景為什么用vue那么費勁

回答
編輯回答
玩控

http://element-cn.eleme.io/2....

2018年5月28日 01:12
編輯回答
你的瞳

fbemitter

2017年11月27日 18:17
編輯回答
茍活

給列表組件的props中多傳了個n:0, 組件內(nèi)部watch這個n, 變化了就重新請求拿數(shù)據(jù);
左側(cè)添加成功了就n++;
問題這樣解決了，我日，簡直丑陋
辣雞vue，一時爽

2017年12月4日 08:18
編輯回答
純妹

裝個b:不會用就說工具垃圾？ 作為一個數(shù)據(jù)驅(qū)動的框架，一切都可以用更新數(shù)據(jù)來解決。
比如你這個問題，分兩種情況，
第一種是用了vuex：table的數(shù)據(jù)來源可以是來自state，而state是action異步請求來，然后mutation同步更新來的。你在添加了一個客戶信息之后，可以讓后臺返回最新的客戶列表，同時去觸發(fā)更新客戶列表的mutation，組件里，由于computed了state中的客戶列表，數(shù)據(jù)變了，試圖肯定也會變。
第二種是沒有用vuex:你可以在添加了一條客戶信息之后，通過各種手段，去觸發(fā)獲取客戶列表的方法，同理，數(shù)據(jù)變了，視圖也就變了。
甚至你可以把兩個模塊寫在一個組件里。
其實我一開始是不想回答的，但是還是忍不住想說一下，你這種心態(tài)，怎么學得好，不尊重自己，也不尊重vue的作者。

2018年8月11日 22:12
編輯回答
替身

覺得費勁，應(yīng)該是你思路不對。
添加成功，再調(diào)用下列表的接口即可。
左右兩側(cè)是兩個非父子組件？
可以用new bus非父子組件的通信
或者Vuex

2018年8月26日 08:22