在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

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

回答
編輯回答
孤島

1.父傳子
1)在父組件的子組建中綁定
:message = "這是傳過去的值"
2) 在子組建中定義穿過來的值

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

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

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

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

vue父子組件通信，

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

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

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

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

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

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

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

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

給你寫了其中一個方法的在線demo:https://jsfiddle.net/luozz/f6...

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