2017-12-01 8 views
0

私はオブジェクトを通して反復しています。各テキストエリアにいくつかのコンテンツを表示し、テキストエリアを個別に識別して更新したいと考えていますが、モデルはそれを識別子番号で満たします。v-model on textareaの内容を上書きする

私は{{}}でテキストエリアに直接コンテンツを含めることを試みましたが、v-modelはそれを上書きします。

私のコードは非常に単純です:

textarea.text(v-model="index") 
    | {{content.value}} 

私はinputはあなたが行う方法であり、例えばcontent.value

+0

変数「インデックス」をテキストエリアモデルとして使用するのはちょっと変わったことです。とにかく: "beforeMount"フック関数を使用して、 "index"を 'content.value'の内容で上書きします。詳細とvueのライフサイクルの図については、こちらをご覧ください:https://vuejs.org/v2/api/#beforeMount – noChance

答えて

1
<textarea 
    :value="textareaValue" 
    @input="input($event.target.value)" 
    @focus="onFocus" 
    @blur="onBlur" 
> 

をしたいだろうが、私はちょうど数で満たされ、私のフィールドで終わりますあなたが書いたときのテキストと何か。 and:valueは表示されるテキストです(頭文字は言う)。

これをあなたのcomputent my-textareaの中にラップすることができます。 inputメソッド内の値を必ず出力し、value propを設定してください。

<my-textarea 
     v-model="parentValue" 
></my-textarea> 
関連する問題