el-form-itemで性別を変更する方法

ソースコード：

<el-form-item label="性别">
         <el-input v-model="loginInfo.sex"></el-input>
 </el-form-item>

データベースに保存される性別は数値であるため、1 は男性、2 は女性です。フロントエンドの通話インターフェイスも番号をチェックアウトしますが、それを男性と女性に変換するにはどうすればよいでしょうか? もともと翻訳用のトランスレータを書きたかったのですが、Vue形式だったので、トランスレータを使うのは面倒だと感じていました。

したがって、二重括弧 + 三項演算子を直接使用して解決します。

変更されたコード:

<el-form-item label="性别" prop="loginInfo.sex">
    {
    
    { loginInfo.sex === 1 ? "女" : "男" }}
 </el-form-item>

<el-inpu></el-input> を削除し、中括弧内で直接実行します。幸いなことに、ここには 1 と 2 しかないので、三項演算子で十分です。

仕事が終わったので、今日は終わりにしましょう。