2017-12-01 1 views
0

학습 Vue, 개체를 반복하고 각 텍스트 영역에 일부 콘텐츠를 표시하고 업데이트를 위해 개별적으로 텍스트 영역을 식별 할 수 있기를 원하지만 v- 모델은 식별 번호로 채 웁니다.v-model on textarea overwrite 콘텐츠

{{}}을 (를) 텍스트 영역에 직접 포함 시키려고했는데 V- 모델이이를 덮어 씁니다.

내 코드는 매우 간단하다 :

난 그냥 숫자로 가득 내 필드와 끝까지
textarea.text(v-model="index") 
    | {{content.value}} 

내가 input가 당신이하는 방법입니다 예를

+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" 
> 

에 대한 content.value를 원하는 것이 동안 당신이 쓸 때 텍스트와 함께 뭔가. and : value는 표시되는 텍스트입니다 (이니셜 말하기).

내 텍스트를이 텍스트로 감쌀 수 있습니다. input 방법 내에서 값을 방출하고 value 소품을 설정하십시오.

<my-textarea 
     v-model="parentValue" 
></my-textarea>