監聽 傳參 子元件

2021-10-13 09:49:22 字數 719 閱讀 8096

背景:

專案為常見的管理後台系統,封裝了乙個列表元件

列表元件內定義了searchdata方法用於調取獲取列表資料的介面

**邏輯如下:

--

- 父元件 --

-data()

, b:

''// 字串型別},

watch()

if(/* 某種判斷 */)}

,b(val)

this

.$refs.child.

searchdata()

}},methods()

,changeb

(val)},

--- 列表子元件 --

-props:}}

},methods:

this

.$ajax.

post

(this

.url, params)

.then

(...)}

}

問題

父元件呼叫changetype 方法 且 滿足某種判斷下,希望得到的是

父元件直接呼叫changeb 方法時,searchparams為 『』,且兩次列印的值相同

分析

Vue子元件監聽父元件傳值

父元件xiaozhushouinput.vue引用子元件xianshidaan.vue 個人喜歡把引用標籤寫成頁面名稱,方便查詢 v show isxsinput v show 控制控制項的顯示 隱藏 watchchild parentreceive watchchild 自定義事件,供子元件引用 ...

vue子元件傳參給父元件

關於父元件傳參給子元件,可以看我另一篇文章 教程開始 我們要實現的效果是 在子元件的input框輸入,父元件中實時更新顯示。也就是把子元件中的資料傳給父元件 一 子元件 template部分 template section input v model message section templat...

Vue 父向子元件傳參

父向子元件傳參經常用,比如說我們寫了乙個select元件,呼叫的時候需要向子元件傳初始的資料。這就要父元件向呼叫的子元件傳參 父向子傳參 現在我們想要從當前頁面往子元件傳參,在標籤中寫上傳參的資料 這時在子元件中呼叫this.msgfromfather是undefind 的,需要在子元件的expor...