Vue.js推送数组组件

Question

1.vue.js 问题组件我想使用点击事件的方法在新数组中插入一条新消息，但是对我不起作用，因为功能不完整问题出在哪里。请帮帮我。

<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

您的代码包含许多语法错误，这些错误可能会以静默方式失败。试试这个新的更新代码：

<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>