已解決430363個問題，去搜搜看，總會有你想問的

關于vue傳值問題 v-show

首頁猿問關于vue傳值問題 v-show

JavaScript

拉風的咖菲貓 2019-03-20 22:19:08

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

查看完整描述

6 回答

白豬掌柜的

TA貢獻1893條經驗獲得超10個贊

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

反對回復 2019-03-26

12345678_0001

TA貢獻1802條經驗獲得超5個贊

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

====
父組件調用子組件方法
子組件來控制 isShow的值 true or false

反對回復 2019-03-26

HUX布斯

TA貢獻1876條經驗獲得超6個贊

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

反對回復 2019-03-26

侃侃無極

TA貢獻2051條經驗獲得超10個贊

反對回復 2019-03-26

墨色風雨

TA貢獻1853條經驗獲得超6個贊

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

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

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

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

反對回復 2019-03-26

關注

舉報

0/150

提交

取消