Elment-uiのel-selectセレクタblurイベント失効バグ解決
1091 ワード
質問:
element UIを使用したel-selectコンポーネント開発プロジェクトでは、filterableプロパティが構成されている場合、@blurイベントが無効になることがわかりましたが、完全に無効になっているわけではありません.外の枠線をクリックすると、彼は有効になります.エリア制限があるだけなのに、だからこそ、まったく役に立たない!
ソリューションは次のとおりです.
selectラベルにref focusイベントを追加すると有効になり、focusイベント内でblurイベントをトリガーできます.コードは次のとおりです.
追加する必要がある操作があればconsoleに書きます.log(0)のコード領域内でよい.この問題は解決しました.
追加の解析は次のとおりです.
他に操作がある場合は、refで必要に応じて操作するノードを見つけることもできます.
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で必要に応じて操作するノードを見つけることもできます.