vuejs提交表单_VueJS指令可与表单一起使用，以禁用提交按钮

vuejs提交表单

vue2表单加载 (vue2-form-loading)

A VueJS directive can be used with forms in order to disable submit button and make every input readonly after submitting.

VueJS指令可与表单一起使用，以禁用提交按钮并使提交后的每个输入均为只读。

View demo 查看演示 Download Source 下载源

安装 (Installation)

npm install --save vue2-form-loading

用法 (Usage)

import Vue from 'vue'
import formLoading from 'vue2-form-loading'
Vue.use(formLoading)

基本形式 (Basic form)

<form v-loading action="..."  method="post">
  <input type="text" name="" value="">
  <input type="submit" value="Send">
</form>

使用自定义加载文本 (With custom loading text)

<form v-loading="'loading...'" action="..."  method="post">
  <input type="text" name="" value="">
  <input type="submit" value="Send">
</form>

使用布尔玛 (Using Bulma)

<form v-loading="{class:'is-loading'}" action="..."  method="...">
    .
    .
    .
    <button type="submit" class="button is-primary is-fullwidth">Send</button>
</form>

翻译自: https://vuejsexamples.com/a-vuejs-directive-can-be-used-with-forms-in-order-to-disable-submit-button/

vuejs提交表单