如何将v-模型设置为动态来文区
如何将v-模型设置为动态来文区
提问于 2022-03-01 07:00:59
我有一个textarea，它在页面加载时动态呈现。看起来是这样的：
<textarea type="textarea" class="form-control" name="symptoms_mlform" id="symptoms_mlform">affective</textarea>我想在这个文本区域有一个v-model。我怎样才能做到这一点。
为此，我在子组件中有一个下拉列表，它在选定的内容时发出事件。因此，我在父级中使用的事件来填充这个文本区域。
<MLSubMenu
v-on:SelectedSymptoms="SelectedSymptoms"
>
</MLSubMenu>
SelectedSymptoms(event){
$("#symptoms_mlform").text(event);
},事件由父级的SelectedSymptoms处理，它将事件值设置为textarea。
我在使用它时遇到的缺点是：
如果您继续从下拉列表中选择值，它将继续出现在textarea.中。
- 但是如果从文本区域中删除任何内容，然后从下拉列表中选择，它将不会显示在文本区域中，但是如果我检查这个文本区域，所选的值将显示在那里，但不会反映在浏览器中。
。
回答 1
Stack Overflow用户
发布于 2022-03-01 09:18:33
您可以按照下面提到的步骤实现此要求。
子组件中的 :
SelectedSymptoms(event){
this.$emit('send-selected-value', 'carrier');
}父组件中的 :
<div v-on:send-selected-value="getSelectedValue(e)">
<textarea type="textarea" v-model="modelValue" class="form-control" name="symptoms_mlform" id="symptoms_mlform">affective</textarea>
</div>
methods: {
getSelectedValue: function (e) {
this.modelValue = e;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71304801
复制相关文章
相似问题
腾讯云开发者
