Elment-uiのel-selectセレクタblurイベント失効バグ解決

1091 ワード

質問:
element UIを使用したel-selectコンポーネント開発プロジェクトでは、filterableプロパティが構成されている場合、@blurイベントが無効になることがわかりましたが、完全に無効になっているわけではありません.外の枠線をクリックすると、彼は有効になります.エリア制限があるだけなのに、だからこそ、まったく役に立たない!

          
        

ソリューションは次のとおりです.
selectラベルにref focusイベントを追加すると有効になり、focusイベント内でblurイベントをトリガーできます.コードは次のとおりです.
focusSelectValue() {
        console.log(this.$refs.fuzzySearch);
        this.$refs.fuzzySearch.$refs.input.blur = () => {
          console.log(0);
        };
      },

追加する必要がある操作があればconsoleに書きます.log(0)のコード領域内でよい.この問題は解決しました.
追加の解析は次のとおりです.
this.$refs.fuzzySearch.$refs.input 
              input
this.$refs.select.$refs.reference.$refs.input
             input。          。

他に操作がある場合は、refで必要に応じて操作するノードを見つけることもできます.