Vue.js - 带有预定义文本的v模型

Question

我有一个输入属性，我希望从源中获取文本并且是双向绑定的

// messages.html   

<input type="textarea" v-model="newMessage">

// messages.js

data () {
   newMessage: ''
},

props: {
   message: {
      type: Object,
      required: true,
      default () {
         return {};
   }
}

// the message object has keys of id, text, and hashtag

我希望输入的初始值为message.text。做newMessage: this.message.text

之类的事情是否合适？

修改

我尝试在输入中添加:value="message.text"，但这并没有真正显示任何内容

Answer 1

是的，您可以在数据功能中引用道具。

data(){
  return {
    newMessage: this.message.text
  }
}