el-input取得フォーカスinput入力ボックスが空の場合ハイライトel-input値が不正な場合

問題再記述フロントエンドのメインフレームはVueである.jsは、ページでコンポーネントライブラリelement-uiのel-input、el-select、el-autocompleteなどの素子を使用する場合、フォーム検証が空の場合、空の値の素子をフォーカスしてハイライトしたいと考えています.効果は次の図のようになります.
解決策は、ネット上の関連問題と公式ドキュメントを見ることで、Vueで$ref.ref属性名でDOM要素にアクセスできることが分かった.またHTMLの説明文書を見ることでfocus()メソッドでDOMのフォーカスを取得できることがわかります.So、コンポーネントを取得するには、コンポーネントにrefプロパティを追加し、this.$を使用します.refs.ref属性名focus();特定のDOM要素のフォーカスを取得できます.コードの例:

if(this.testModel === ''){
    this.$refs.test.focus();
}