vue 父重新整理子 子元件讓父元件進行重新整理vuex

2021-10-25 16:34:58 字數 651 閱讀 4553

首先子元件讓父元件進行重新整理,子元件讓爺爺元件進行重新整理最好用vuex

1.store已經在全域性引入了,現將狀態存起來

const updatestore = ).then(() => , res => {

this.$message.success(res.msg)

this.$store.commit('setstore', true)

this.handlepagecurrentchange(1)

3.在computed裡面去拿到最新的資料,並且通過調介面重新整理後將狀態改回來

computed: {

submitstatus () {

return this.$store.state.updatestore.confirm

watch: {

submitstatus (val) {

if (val) {

promise.all([this.getwarehousedetail(), this.getinventorydetail()]).then(()=> {

this.$store.commit('setstore', false)

VUE 父元件子元件間通訊

父元件給子元件傳參,子元件通過prop屬性進行接收 簡單搭建元件部分如下,其中父元素身上有兩個資料,分別是字元型資料1,json型資料2 子元件分別從父元件獲取這兩個資料並展示,其次子元件有自己的資料 子元件通過 emit 事件想父元件發射資料 頁面結構 其中child a為子元件 這是父元件 父元...

vue父元件觸發子元件方法

通常來說是子元件觸發父元件的情況比較多。比如每次提交表單的時候封裝了常用的選項類子元件,選好值之後將值傳回父元件,父元件得到值這樣的操作。這是不用初始化頁面資料的情況。但是還有其他的情況就是已經選好了謀個服裝的品牌和品牌下的某個系列後 這是兩個相同的元件但是在父元件不同的地方呼叫 這時候我想換個品牌...

vue子元件呼叫父元件方法

說明 有乙個元件inputlistselect.vue,選中乙個行資料,將該資料傳送到父級projectedit.vue檔案中 1 父級projectedit.vue呼叫 import inputlistselect from views components inputlistselect exp...