当需要通过将文本输入到不同的组件textarea中时,我需要更改特定组件的textarea中的文本。我试图创建一个简单的例子来展示这个问题。我的主要问题是定位正确的组件并编辑动态显示的文本。
父组件
<template>
<reuseableComponent
input-type="textarea" v-model="Example1">
</reuseableComponent>
<reuseableComponent
input-type="textarea" v-model="Example2">
</reuseableComponent>
<template>
可重复使用的组件
<textarea
v-model='taValue' @input='$emit("input", taValue)'>
</textarea>
exampleMethod() {
if(value) {
//change text in Example2 textarea instance.
}
}