テキストボックスの値を取得するには+をクリックしてください

選択した取得するには、CART時間に追加する方法の数://デマンド

//分析が見つかりました:

// 1つのボタンがgoodsinfoページに属し、デジタル部品はnumberboxに属し

// 2父と息子のネストされたコンポーネントに来るので、あなたはgoodsinfo選択した商品のページ数を直接取得することはできません

// 3解決する方法:それは値(イベント呼び出し機構)を通過する親コンポーネントサブアセンブリを含みます

イベントの呼び出しの// 4本質:パラメータなどのデータは、このメソッドに渡されながら、子供に父の配信方法は、子供は、このメソッドを呼び出します。

// goodsinfoページで

リターンに追加されたデータで{}

selectCount:1、ユーザーが選択した項目の数を保存//、デフォルトは

 

この方法では次のメソッドを追加します。

getSelectCount(カウント){//この方法は、サブアセンブリ、サブアセンブリコールに渡すことである
選択の値をデータに、アセンブリ上店の親に保存された値が送信される@サブアセンブリ。
this.selectCount =カウント、
部品の数が親//の値を取得する
(「親要素の値を取得するには:」+ this.selectCount)にはconsole.logを;

}
このメソッドの呼び出しはサブアセンブリに渡される入れ、そう書きます
<P>数量:
<infoNumber @同様にgetCount =「getSelectCount」> </ infoNumber>
</ P->
同様にgetCount方法はサブアセンブリgoodsinfo_numerに定義されるが、第1分析:
値はそれの親コンポーネントに渡されるサブコンポーネント?
メソッドの長葛市を変更するには、テキストボックスの値とその値を監視
goodsinfo_number.vueページに
<入力ID = "テスト"クラス= "MUI-入力numbox" TYPE = "数"値=」1" 
変更= "countChanged" REF = "numbox" @ />

入力で添加REF = "numbox"でnumboxオブジェクトがで参照することができ、オブジェクトはドムネイティブ入力を取得し、その値の値を得ることができる
方法の方法に追加する:countChangedを()

countChanged(){ 
//テキストボックス内のすべての時間データは、親コンポーネントに渡されるイベントを呼び出すことにより、最新のデータに直ちに変更さ
はconsole.log(これます$ refs.numbox.valueを)//ここではnumboxにありますそれは、プロパティの
この$ EMITを;。( '同様にgetCount'のparseInt(このrefs.numbox.value $)。)
}、
注意:ここで変更するだけのバインディングのように、入力API自体で、
getCount- - (この$のrefs.numbox.value)>サブアセンブリのparseInt介して親成分に結合しているが、親要素、親要素に伝達され
、この値の変化を受けselectCount。




 

おすすめ

転載: www.cnblogs.com/hou-yuan-zhen/p/11583233.html