【Vueのel-input入力ボックスが編集できない問題を解決】

1. 問題の説明

  Vueフレームワークを使用した開発プロジェクトにおいて、バックエンドから返された値を元にinputタグにタグをエコーすると、正常にエコーできるものの編集ができないことが分かりました。

修理前：

  どのような内容を入力してもテキストボックスを埋めることはできません。

修理後:

2. 問題解決

  ForceUpdate を使用してレンダリングを強制することができます。入力ボックスにメソッドを追加します。そのメソッドは、forceUpdate です。

<el-form-item label="业绩归属">
   <el-input v-model="inputNode.business_org_code" @input="onInput()"></el-input>
 </el-form-item>
<el-form-item label="管理架构">
   <el-input v-model="inputNode.manager_org_code" @input="onInput()"></el-input>
 </el-form-item>

	onInput() {
    
    
      //input输入框无法编辑
      this.$forceUpdate();
    }