VUEの問題上の値によって、父親から息子の父、兄チュアン弟へ。。。

まず、聞かせてのは3ページ、メインページ、二つのサブページを定義します

例:あるmyForm myTabelと二つのサブページが定義されています

最初のステップ:ホームページのご紹介

"@ / MyFormを"からインポートあるmyForm。

"@ / MyTableという"から輸入myTabel。

ステップ2:成分  (完成登録登録またはエラーが第三のステップでなければならないであろう。)

成分:{ 
    あるmyForm、
    myTabel、
}

第三段階:挿入

<あるmyForm> </あるmyForm> 
<myTabel> </ myTabel>

  

値法による-----------

息子の父

例:私は、データ内のデータのリストを定義しました。

 

リスト:[ 
        {ID:1、名称: "铁柱"、年齢:18、性別: "男"} 
]	

 

最初のステップ:データを転送します

 <myTabel:parentData = "リスト"> </ myTabel> 

サブページにする名前を受け取る =「姓を渡す必要

ステップ2:サブページには、データを受信し

 

小道具:[ 'parentData']

 

 

親の子伝送

例:

最初のステップ:イベントを定義

<EL-ボタンタイプ= "プライマリ" をクリック@ = "updateBtn(item.id)">确定</ EL-ボタン>

 

ステップ2:Writeメソッド方法

方法:{ 
    updateBtn(ID){ 
      この$ EMIT( "更新データ"、ID)。
  } 
}

()、最初のパラメータは、親ページイベントの名前を受信する必要があり、2番目のパラメータは、あなたが過去に合格する必要があることをデータです。

第三段階:受信親ページ

<myTabel:更新データ@リスト= "リスト" = "にupdateData"> </ myTabel>

レセプション、@を使用するサブページの定義名の最初の値、 このページの名前の後ろには、イベントによって、イベントの独自の定義では、get値

 

値によってブラザーズ

まず、main.jsにメソッドを定義します

Vue.prototype。メソッド名=新しいヴュー()

ページ

确定</ EL-ボタン> <クリック= "updateBtn(item.id)" @ EL-ボタン型= "プライマリ"> 
{:方法
    updateBtn(ID){ 
          this.public $ EMIT( "更新データ"。 ID)。
    } 
}

 同様に、次にthis.public。$エミット(「2番目のページは名前を受信する必要がある」、「第二の値がデータパスである」)入力データを使用して、イベントを定義

 

ページ2

例:作成したライフサイクルの受信機能

 

作成(){ 
    This.public。( '更新データ'、値=> {に$ 
        にconsole.log(値)取值
    })
}    

 

。(「上this.public $ 最初の1ページ上の定義名第二は、関数(パラメータである1 :データのページの上に最後のパス)」)

 

 

おすすめ

転載: www.cnblogs.com/yetiezhu/p/12602486.html