使用可重复使用的组件时,如何更改textarea的值?

时间:2017-08-09 23:04:36

标签: vue.js vuejs2

当需要通过将文本输入到不同的组件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.
    }
}

0 个答案:

没有答案