/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 vote224 views1 answer
How get state global in modules in vue
Javascript Vue
0 vote255 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
0 vote219 views1 answer
Dynamically populate vue material table
Javascript Vue
0 vote228 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
7 votes231 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
0 vote245 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
0 vote210 views1 answer
Vue.js props undefined type
Javascript Vue
1 vote224 views1 answer
Vue access computed property in data
Javascript Vue
0 vote231 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
0 vote216 views1 answer
Vue js two form model example site stackoverflow.com
Javascript Vue