按钮单击nativescript vue后的空文本字段

Question

我在发送填写的消息后尝试清空一个文本字段。消息被发送到数据库，但之后它并没有清空它。

文本字段：

<FlexboxLayout class="text-send">
      <TextField
        v-model="newMessage"
        id="try"
        class="body text-field"
        width="70%"
        @returnPress="onSendMessage()"
      ></TextField>

      <Button
        class="btn-secondary btn-design btn-next fas"
        text.decode=">"
        width="10%"
        @tap="onSendMessage()"
      />
    </FlexboxLayout>

发送消息代码：

onSendMessage() {
  if (this.newMessage != "") {
    let currentDate = Date()
    firebase
      .push("/messages/" + this.chatId, {
        message: this.newMessage,
        sender: this.getUserID,
        timestamp: currentDate,
      })
      .then(function (result) {
        console.log("created key: " + result.key); 
      });
  }
  this.newMessage = ""
},

this.newMessage = ""，应该清除数据，但是没有用。

Answer 1

在.then() 中移动newMessage。您可以在newMessage 被清除后添加console.log 来尝试调试，看看输出是什么。

onSendMessage() {
  if (this.newMessage != "") {
    let currentDate = Date()
    firebase
      .push("/messages/" + this.chatId, {
        message: this.newMessage,
        sender: this.getUserID,
        timestamp: currentDate,
      })
      .then(function (result) {
        console.log("created key: " + result.key); 

        this.newMessage = ""

      });
  }
},