鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 關(guān)于vue傳值問(wèn)題 v-show

關(guān)于vue傳值問(wèn)題 v-show

<div name="del" v-show="isShow">刪除</div>

在一個(gè)子組件件中,有一個(gè)div， v-show控制這個(gè)div的顯示與隱藏，如何把isShow傳到父組件中，然后在父組件中控制isShow的值來(lái)div顯示與隱藏。

回答
編輯回答
孤島

1.父?jìng)髯?br> 1)在父組件的子組建中綁定
:message = "這是傳過(guò)去的值"
2) 在子組建中定義穿過(guò)來(lái)的值

props:['message']  // 要與父組件中綁定的名字一樣
3)調(diào)用就直接用this.

2.子傳父
在子組件中定義傳過(guò)去的值
this.$emit('childOne', 0)
this.$emit('傳過(guò)去的名', 傳過(guò)去的值)
在父組件中要為子組建綁定事件 注 兩個(gè)名字要一樣
<v-login @childOne="thisChild"></v-login>

在定義事件 此時(shí)的type就是從子組件中傳過(guò)來(lái)的值
thisChild: function (type) {
this.isShow = type
},

2017年5月8日 10:46
編輯回答
涼汐

vue父子組件通信，

2018年9月15日 09:37
編輯回答
短嘆

好好看看文檔，emit,和props是怎么用的

2017年3月24日 05:40
編輯回答
入她眼

方案 很多
父組件 定義一個(gè)值 isShow
子組件 isShowChildren :this.$parent.isShow

====
父組件調(diào)用子組件方法
子組件來(lái)控制 isShow的值 true or false

2018年1月31日 16:59
編輯回答
落殤

既然是在父組件中控制，你可以直接在父組件中定義isShow，再通過(guò)props傳遞到子組件中呀

2017年9月7日 18:35
編輯回答
款爺

給你寫(xiě)了其中一個(gè)方法的在線(xiàn)demo:https://jsfiddle.net/luozz/f6...

希望對(duì)你有所幫助！
2017年8月2日 07:05