Vue.js：テキストフィールドに値を挿入が、私は興味深い問題に直面していますそれを

を結合しない：私は、私は（フォームが以前に提出された場合）、このように古い値を挿入するフォームを持っている：Vue.js：テキストフィールドに値を挿入が、私は興味深い問題に直面していますそれを

<input type="text" :value="oldName" id="name" />

これはoldName変数を上書きすることができないため、古い値がありますが、これ以上変更することはできません。あなたは解決策を考えることができますか？私は基本的に値をテキストフィールドに入れたいのですが、ユーザーがそれを変更できるようにしたいと考えています。ありがとうございました！

2017-07-26 Hillcow

入力フィールドにv-onceを追加すると、問題は解決します。 V-onceは、oldNameが値を一度レンダリングするのに使用されますが、その後は通常の文字列リテラルになります。

<input type="text" :value="oldName" id="name" v-once/>

ユーザーが値を変更できるようにする場合は、v-bindではなくv-modelを使用します。 V-modelは双方向バインディングを提供します。ユーザーが入力フィールドに何かを書き込むと、値に反映されます。

<input type="text" v-model="oldName" id="name" v-once/>

2017-07-26 10:56:37

私が最初に説明したもののための素晴らしいアイデアです。ありがとうございました！しかし、この私の入力フィールドには、他の値が再レンダリングされる必要があります。だから私が探しているのは、v-onceを1つの属性に対してのみ使うことですが、それはうまくいきません。 – Hillcow

@Hillcowは、私が最初に誤解した場合の回答を修正しました。 –

ああ、私の質問は、私が思ったよりもはるかに基本的なものでした。ありがとうございました！ – Hillcow

答えて