1. input type="password" の場合のみ、ブラウザに保存されているパスワードの自動入力を禁止します。
1. 要素の el-input に付属する auto-complete 属性 (バージョン 2 で利用可能) を使用しますが、公式 Web サイトによると、値を new-password に変更することはできません。
2. el-input コンポーネントの読み取り専用属性 (かどうかに関係なく) readonly を使用し、入力ボックスを読み取り専用 (readonly = "true") にし始めます。
3. focusイベントのfocusを登録し、readonlyの属性値(true、false)を制御します。
具体的なコードは次のとおりです。
コンポーネントのコードを次の図に示します。
イベントコードは次のとおりです: (data() で readonlyFlag=true を定義)
2. type="password" と入力した場合、ブラウザのパスワード保存ボックスのポップアップをキャンセルします (ポップアップが表示されない場合、最初の問題は自然に解決されます。欠点は、ショーを使用する方法がないことです。 -パスワード属性)
問題が発生する状況は次のとおりです。
解決策: (この方法は症状を治療しますが、根本原因を治療するものではなく、上記の問題を解決する効果を得ることができます)
