I need to change the text within a specific component's textarea when requirements are met from entering text into a different components textarea. I've tried to create a simple example to show the issue. my main issue is targeting the correct component and editing its text that shows up dynamically.
Parent Component
<template>
<reuseableComponent
input-type="textarea" v-model="Example1">
</reuseableComponent>
<reuseableComponent
input-type="textarea" v-model="Example2">
</reuseableComponent>
<template>
Reuseable Component
<textarea
v-model='taValue' @input='$emit("input", taValue)'>
</textarea>
exampleMethod() {
if(value) {
//change text in Example2 textarea instance.
}
}