javascript - 在 v-for 数组中检索 textarea 的值

Question

考虑到这种情况

在 .vuetemplate

<div v-for="(tweet, index) in tweets">
  <div class="each_tweet">
    <textarea v-on:keyup="typing(index)"
              placeholder="What's happening now">{{ tweet.content }}</textarea>
  </div>
</div>

在 .vue<script>

export default {
  methods: {
   typing: function(index) {
    console.log(this.tweets[index])//How to get the value of textarea 
   }
 }, 
   data: function () {
    return {
      tweets: [{id: 0, content: ""},
               {id: 1, content: ""}]
    }
  }

}

我的问题是：

1）有没有办法将 textarea 的值与每个推文对象的内容同步？该值是指文本区域的内部文本。

2）有没有办法在“打字”方法中获取文本区域的值？

Answer 1

您可以使用v-model：

您可以使用 v-model 指令在表单输入和 textarea 元素上创建双向数据绑定。

例如：

<div v-for="(tweet, index) in tweets">
  <div class="each_tweet">
    <textarea v-on:keyup="typing(index)"
              v-model="tweet.content"
              placeholder="What's happening now"></textarea>
  </div>
</div>