Vueで:valueと@oninputを設定した場合、途中の位置でBackspaceを2回押すとカーソル以降の文字がすべて削除される – MESCIUS ナレッジベース

作成日: 2026/03/11 最終更新日: 2026/03/16

文書種別

不具合

発生環境

対象コントロール：GcTextBox、GcMask、GcDateTime、GcComboBox

状況

回避方法あり

詳細

Vueを使用して、GcTextBoxComponentに:valueと@oninputを組み合わせて使用した場合、テキストの途中にカーソルを置いた状態で2回目のBackspaceを押すとカーソル以降の文字がすべて削除されます。

回避方法

同じ値が渡された場合は値の再セット処理をスキップするようにします。

const oldFunction = InputMan.GcTextBox.prototype.setText;
InputMan.GcTextBox.prototype.setText = function (text: string) {
    if (text === this.getText()) {
        return;
    }
    oldFunction.call(this, text)
}