Breaking News: Grepper is joining You.com. Read the official announcement!

vue submit form

Add Answer

Lorenz John Ensomo answered on September 14, 2020 Popularity 9/10 Helpfulness 3/10

answer vue submit form

related vue submit form

related submit form in vue

related javascript submit form VUE

vue submit form

Comment

data: function(){
     return {
       name: "",
       price: "",
   }
},
 methods: {
    addProduct(e){
      e.preventDefault() // it prevent from page reload
      // console.log(this.name, this.price);
    }
  }

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: stackoverflow.com

Tags: submit whatever

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Lorenz John Ensomo

0 Answers Avg Quality 2/10

Closely Related Answers

vue submit form

Comment

<form v-on:submit="addProduct">
        <input type="text" v-model="name" placeholder="Product Name" >
        <input type="number"  v-model="price"         placeholder="Price" >
        <button type="submit">Add</button>
      </form>

  
 Run code snippet

Popularity 10/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Lorenz John Ensomo

0 Answers Avg Quality 2/10

submit form in vue

Comment

//HTML
<div id="vueRoot">
  <form ref="form">
    <input name="vitalInformation" v-model="store.vital">
    <a href="#" v-on:click="submit">SUBMIT</a>
  </form>
</div>

//JS
vm = new Vue({
  el : "#vueRoot",
  methods : {
    submit : function(){
      this.$refs.form.submit()
    }
  }
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 14 2020

Amused Aardvark

0 Answers Avg Quality 2/10

javascript submit form VUE

Comment

<div id="vueRoot">
  <form ref="form">
    <input name="vitalInformation" v-model="store.vital">
    <a href="#" v-on:click="submit">SUBMIT</a>
  </form>
</div>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 12 2021

Ugly Unicorn

0 Answers Avg Quality 2/10

vue submit form

Contents

More Related Answers

vue submit form

Closely Related Answers

vue submit form

submit form in vue

javascript submit form VUE

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.