4 回答

TA貢獻(xiàn)1943條經(jīng)驗(yàn) 獲得超7個(gè)贊
vue組件的數(shù)據(jù)傳遞應(yīng)該是單向,永遠(yuǎn)是向下的,把父組件屬性方法傳遞到子組件。 如果子組件要改變不同的顏色,是應(yīng)該接受父組件傳遞進(jìn)來(lái)的props,自己調(diào)用自己的方法,把props當(dāng)個(gè)參數(shù)來(lái)判斷來(lái)顯示什么顏色,而不是讓父元素調(diào)子組件的方法。

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊
如果是在父附件中,可以通過(guò)ref
<component1 ref="ref1"></component>
在父組件中 this.$refs.ref1
在子組件中通過(guò) this.$parent獲取父組件

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超9個(gè)贊
子組件通過(guò)$emit方法向父組件發(fā)送數(shù)據(jù),子組件在父組件的模板中,通過(guò)自定義事件接收到數(shù)據(jù),并通過(guò)自定義函數(shù)操作數(shù)據(jù)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="vue.js"></script>
</head>
<body>
<!-- 子組件向父組件傳遞數(shù)據(jù) -->
<div id="box">
<v-parent></v-parent>
</div>
- 4 回答
- 0 關(guān)注
- 778 瀏覽
添加回答
舉報(bào)