VUE入力ボックスは、ポップアップイベントをクリックしてください

彼は経営の共通言語について書きました：

あなたが入力している間、1よく使われる単語のリストが表示されます。

2.入力ボックスにコンテンツをクリックします。

3.リストの[設定]ボタンをクリックして、それが共通の言語を管理することができます。

コードセクション：

で、一般的に使用さのリストを表示するには、その下の入力ボックスをクリックしたときにボックスが表示されます。< EL-ポップオーバーの配置=「下」幅=「300」トリガー=「クリック」> </ EL-ポップオーバー> ポップオーバーのポップアップ

<IL- ポップオーバーの
    配置 = "底" 
    幅 = "300" 
    トリガー = "クリック"> 

    <IL- テーブル
      ：データは = "データリスト" 
      境界
      スタイル = "幅：100％;"> 
      <EL-卓上カラム
        固定 =」左の" 
        小道具 = "コンテンツ" 
        ラベル = "常用语"> 
        <テンプレートスロットスコープ= "スコープ"> 
          <EL-ボタンタイプ= "テキスト"サイズ= "小さなshowState（scope.row.content）" @ =をクリックしてください" 「> {{scope.row.content}} </ EL-ボタン> 
        </テンプレート> 
      </ EL-テーブル列> 
    </ EL-テーブル>

    <EL-形態> <EL-フォーム項目> </ EL-フォーム項目> </ EL-形態> 

    <divのスタイル= "テキスト整列：センター"> 
    <EL-形式：インライン= "真"：モデル= "データ形式" @ keyup.enter。ネイティブ = "getDataList（）"> 
      <EL-フォーム項目> 
        <EL-ボタンタイプ= "主"スタイル= "表示：ブロック;マージン：0自動" @クリック= "addOrUpdateHandle（）">设置常用语</ EL-ボタン> 
      </ EL-フォーム項目> 
    </ EL-形態> 
      <アドインまたは更新をV- なら = "addOrUpdateVisible" REF = "addOrUpdate" @ refreshDataList = "getDataList"> </アドインまたは更新> 
    </ div> 

      <EL-入力スロット= "参照"

前記<EL-入力> </ EL-入力>ページは、入力ボックス、コンテンツポップアップのための他のです

背面表示方法のリストを介してデータを取得するには：

<スクリプト>
   インポート AddOrUpdateから'./cyy_apply' 
  エクスポートデフォルト{ 
    データ（）{ 
      リターン{ 
        データリスト：[]、
        addOrUpdateVisible：偽、
        OBJ： '' 
      } 
    }、
    コンポーネント：{ 
      AddOrUpdate 
    }、
    {）（搭載
      この.getDataList（ ）
    }、
    活性化された（）{ 
      この.getDataList（）
    }、
    メソッド：{ 
      showState（ヴァル）{ 
        この .OBJ = ヴァル
      }、
      getDataList（）{
        この .dataListLoading = 真
        この$ HTTP。（{ 
          URL：この。$ http.adornUrl（ '/ CYY / / selectByCreateUserIdを適用する' ）、
          メソッド： '取得' 
        }）。その後、（（{データ}） => {
           場合（データ&& data.code === 0 ）{
             この .dataList = data.list 
          } 他{
             この .dataList = [] 
          } 
        }）
      } 
      // 常用语设置
      setLanguage（ID）{
         この。$ nextTick（（）= > {
          この。$のrouter.push（{名： 'cyy_apply' }）
        }）
      } 
    } 
  }
 </ SCRIPT>

管理するための管理ページへのパスジャンプに応じて、[設定]ボタン共通言語をクリックした後。

VUE入力ボックスは、ポップアップイベントをクリックしてください

おすすめ