vue js Push-Array-Komponente

Question

1.vue js Problemkomponente Ich möchte eine neue Nachricht in neues Array mit Methode auf Click-Ereignis einfügen, aber funktioniert nicht für mich, weil die Funktion unvollständig ist wo ist das Problem. hilf mir bitte.

<div class="col-lg-12"> 
    <h1>{{message.title}}</h1> 
    <h4>{{message.subtitle}}</h4> 
    </p> {{message.body}}</p> 
    <button v-on:click="newMessage">Reverse Message</button> 
</div> 

import { 
    VueTabs, 
    VTab 
} 
from "vue-nav-tabs"; 

import "vue-nav-tabs/themes/vue-tabs.css"; 

export default { 
    components: { 
    VueTabs, 
    VTab 
    }, 
    data() { 
    return { 
     title: "elenco", 
     messages: [{ 
      id: 1, 
      title: "titolo", 
      subtitle: "sottotitolo", 
      body: "argomento", 
      author: "Amedeo", 
      date: "17/07/2017", 
      files: [{ 
       id: 1, 
       title: "Allegatoriunione", 
       openfile: "Allegato.pdf" 
      }, ], 
      methods: { 
       newMessage: function() { 
       this.message.title = this.message.title 
        .push("") 
        .split("") 
        .reverse() 
        .join(""); 
       } 

Answer 1

Ihr Code enthält viele Syntaxfehler, die wahrscheinlich im Hintergrund fehlschlagen. Versuchen Sie diesen neuen aktualisierten Code:

<script> 
import { VueTabs, VTab } from 'vue-nav-tabs' 
import 'vue-nav-tabs/themes/vue-tabs.css' 

export default { 
    components: { VueTabs, VTab }, 
    data() { 
    return { 
     title: 'elenco', 
     messages: [ 
     { 
      id: 1, 
      title: 'titolo', 
      subtitle: 'sottotitolo', 
      body: 'argomento', 
      author: 'Amedeo', 
      date: '17/07/2017', 
      files: [ 
      { 
       id: 1, 
       title: 'Allegatoriunione', 
       openfile: 'Allegato.pdf' 
      } 
      ] 
     } 
     ] 
    } 
    }, 
    methods: { 
    newMessage() { 
     this.message.title = this.message.title 
     .push('') 
     .split('') 
     .reverse() 
     .join('') 
    } 
    } 
} 
</script>