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)
复制代码
1npm install --save vue2-form-loading
用法 (Usage)
复制代码
1
2
3import Vue from 'vue' import formLoading from 'vue2-form-loading' Vue.use(formLoading)
基本形式 (Basic form)
复制代码
1
2
3
4
5<form v-loading action="..." method="post"> <input type="text" name="" value=""> <input type="submit" value="Send"> </form>
使用自定义加载文本 (With custom loading text)
复制代码
1
2
3
4
5<form v-loading="'loading...'" action="..." method="post"> <input type="text" name="" value=""> <input type="submit" value="Send"> </form>
使用布尔玛 (Using Bulma)
复制代码
1
2
3
4
5
6
7<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提交表单
最后
以上就是落寞天空最近收集整理的关于vuejs提交表单_VueJS指令可与表单一起使用，以禁用提交按钮的全部内容，更多相关vuejs提交表单_VueJS指令可与表单一起使用内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复