同じページでエルを選択呼び出し、複数のセレクタ

elementuiは非常に便利なコンポーネントライブラリですが、すべての後に、すべてを行うことができない、といくつかは、まだベースの彼らの実際のニーズに応じていくつかのカスタムメソッドを行う必要があります。

例えば、多くの時間は、シーンの別の変更が続く選択になります同じ言葉を使用するには、ページセレクタをELは、選択し、解決策は実際には、Vモデルと結合、実際には非常に簡単ですが、まだ理解していませんその上のデータの変更、またはそれ以上の明白なコードを見ては、次のようにそれを見て

<DIV クラス = " skucostトップ" > 
      <DIV クラス = " skucostトップ第一" > 
        の<span>城市</ span>を
        <IL- 選択 Vモデル= " selectfloor.floorname "プレースホルダ= " 请选择" > 
          <EL- オプションの
            V - のために = " selectfloorの項目" 
            ：キー = " item.floorid " 
            ：ラベル= " item.floorname" 
            ：値 = " item.floorid " 
          > </ EL-オプション> 
        </ EL- 選択 > 
      </ div> 
      <divのクラス = " skucostトップ最初の" > 
        <span>を机构名称</ span>の
        <EL- 選択 = Vモデルの" 値"プレースホルダ= " 请选择" > 
          <EL- オプションの
            V - のために = " オプションの項目" 
            ：キー= " item.value" 
            ：ラベル = " item.label " 
            ：値 = " item.value " 
          > </ EL-オプション> 
        </ EL- 選択 > 
      </ div> 
    </ div>

上記のようにHTMLコードを、2つの書き込みセレクタと一瞬のような内部のデータの名前は、戻りデータの値を見て、それ

データ（）{
     リターン{ 
      selectfloor：[ 
          { 
          floorid：' 1111 ' 、
          floorname：' ケベックプル' 
      }、{ 
          floorid：' 1112 ' 、
          floorname：' 海Q.翔' 
      }、
      { 
        floorid：' 1113 ' 、
        floorname：' 地獄怒っ' 
      } 
      ]、
      オプション：[ 
        { 
          値：" オプション1 "、
          レーベル：" 黄金のケーキ" 
        }、
        { 
          値：" オプション2 " 、
          ラベル：" Shuangpinai " 
        }、
        { 
          値：" オプション3。" 、
          ラベル：" オムレツ" 
        }、
        { 
          値：" オプション4 " 、
          ラベル：" Longxumian " 
        }、
        { 
          値："オプション5 "、
          ラベル：" 北京ダック" 
        } 
      ]、
      値："" 、
       } 
    }

それはflooridまたは値が同じにすることはできませんが、これらは一般的に、バックエンドのデータから取られているかどうか、そのテストデータは注意することがある場合は、同じページに完璧を達成することができますページに上記のコードでは、この問題ではありません次のように示され、セレクタの複数使用をELは、選択します。

 

 

 

私たちは、あなたが以下のコメントを残すことができる問題であなたを助けることができると思っていて、あなたの注意ヨを意味するものではありません。