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

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

JavaScript

拉風(fēng)的咖菲貓 2019-03-20 22:19:08

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

查看完整描述

6 回答

白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

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

反對(duì) 回復(fù) 2019-03-26

12345678_0001

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊

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

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

反對(duì) 回復(fù) 2019-03-26

HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

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

反對(duì) 回復(fù) 2019-03-26

侃侃無(wú)極

TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊

vue父子組件通信，

反對(duì) 回復(fù) 2019-03-26

墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

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
},

反對(duì) 回復(fù) 2019-03-26