ElementUIのpopover弾枠コンポーネントで、複数のpopoverコンポーネントを使用する場合に発生する問題


質問説明:elementuiで複数のpopopoverコンポーネントをレンダリングする場合は、コンポーネント内のボタンをクリックして、弾枠を非表示にしません.または複数の弾枠の場合、ネスト操作は機能しません.またはpopoverコンポーネントのクリックは非表示になりません.解決の構想:ボタンを書いて、ボタンをクリックすることをシミュレートします.2つのステップに分けられます.
  • ページ内のコンポーネントの外の任意の位置にボタンを書き、ボタンのスタイルは偽の非表示状態(位置空間を占有させない)である.
  • 
    #popo-btn{
    		width: 0;
    		height: 0;
    		border: none;
    		padding: 0;
    		margin: 0;
    	}
    
  • クリックボタンの実行方法でクリックボタンをシミュレートすれば
  • になる.
    this.$refs.popo.$el.click()
    

    早く行ってみなさい