Vue form

<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>

Source: vuejs.org

Submit form in vue

//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()
    }
  }
});

Source: stackoverflow.com

How manipulate the multiple input option data in one function in vue js

<template>
  <select
    :class="$options.name"
    v-model="selected"
    @change="updateValue"
  >
    <option
      disabled
      value=""
      v-text="disabledOption"
    />
    <option
      v-for="option in options"
      :key="option"
      :value="option"
      v-text="option"
    />
  </select>
</template>

<script>
export default {
  name: 'FormSelect',
  model: {
    // By default, `v-model` reacts to the `input`
    // event for updating the value, we change this
    // to `change` for similar behavior as the
    // native `<select>` element.
    event: 'change',
  },
  props: {
    // The disabled option is necessary because
    // otherwise it isn't possible to select the
    // first item on iOS devices. This prop can
    // be used to configure the text for the
    // disabled option.
    disabledOption: {
      type: String,
      default: 'Select something',
    },
    options: {
      type: Array,
      default: () => [],
    },
    value: {
      type: [String, Number],
      default: null,
    },
  },
  data() {
    return {
      selected: this.value,
    };
  },
  methods: {
    updateValue() {
      // Emitting a `change` event with the new
      // value of the `<select>` field, updates
      // all values bound with `v-model`.
      this.$emit('change', this.selected);
    },
  },
};
</script>

Source: markus.oberlehner.net

Similar codes

0 vote185 views1 answer
Remove cell border css
Html
5 votes144 views4 answers
Sndl stock
Html
15 votes147 views3 answers
How to make an image link on html
Html
1 vote133 views1 answer
Icon inside input
Html
9 votes163 views2 answers
How set the function on button when click and show the window.print output in js
Html
4 votes159 views1 answer
Custom iframe
Html
0 vote135 views1 answer
Wicked pdf rails start new page
Html
0 vote157 views1 answer
Hide html element show on print bootstrap 4.6
Html
0 vote151 views2 answers
Html select image background arrow
Html
1 vote232 views1 answer
Two buttons in same form
Html