龙空技术网

用vue写 表单提交并展示

北漂佳佳的生活 1593

前言:

而今朋友们对“html表单数据如何提交到本页”都比较关怀,我们都需要学习一些“html表单数据如何提交到本页”的相关文章。那么小编在网摘上汇集了一些对于“html表单数据如何提交到本页””的相关文章,希望小伙伴们能喜欢,你们一起来了解一下吧!

页面头部中需要引入一个vue.js文件

<script type="text/javascript" src=";></script>
html部分 就截图了vue:
<script>var vm=new Vue({ el:'#app', data:{ 'name':'', 'message':'', lists:[] //可以有默认值,我这 此三处都为空 }, methods:{ add:function(){ if(this.name== '' || this.message=='') return; //如果为空 this.lists.push({name:this.name,message:this.message}); //push到列表中 this.name=''; //添加完成后,input中内容也为空 this.message=''; } }})</script> 

最后样式:

标签: #html表单数据如何提交到本页 #html怎么提交表单到我的文件夹 #vue怎么引入js文件 #html怎么提交表单到我的文件夹中