/Javascript/Vue/Add rows to the table dynamically with the use of vue.js

Add rows to the table dynamically with the use of vue.js

url: https://stackoverflow.com/questions/52211682/add-rows-to-the-table-dynamically-with-the-use-of-vue-js

var app = new Vue({
  el: '#app',
  data: {
    mail:'',
    date:'',
    adress:'',
    company:'',
    fliers:'',
    rowData:[] //the declared array
  },
  methods:{
    addItem(){
      var my_object = {
        mail:this.mail,
        date:this.date,
        adress:this.adress,
        company: this.company,
        fliers: this.fliers
      };
      this.rowData.push(my_object)

      this.mail = '';
      this.date = '';
      this.adress = '';
      this.company = '';
      this.fliers = '';
    }
  }
})

Source: stackoverflow.com

Similar codes

0 vote129 views1 answer
How to pass methods in vue js
Javascript Vue
3 votes87 views1 answer
Vue watch child component property
Javascript Vue
0 vote117 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
0 vote137 views1 answer
Sortby vue
Javascript Vue
3 votes123 views2 answers
Vuex-module-decorators rawError globally
Javascript Vue
2 votes133 views1 answer
Vue directive access this
Javascript Vue
0 vote126 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
2 votes133 views2 answers
Add params to url vue
Javascript Vue
0 vote127 views1 answer
Basic Vue JS Setup script for Laravel App
Javascript Vue
0 vote124 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue