form表单禁止默认提交,对接新的接口

最近在做项目的时候遇到这么一个问题,需要阻止form表单的默认提交,要用ajax提交提示,所以炸了些许方法,最后用这个方法实现了需求,记录一下

<form class="kt-form kt-form--label-right" onsubmit="return vm.doSubmitCheck();">
         

</form>

这里要用onsubmit提交

script提交

<script>
    var vm = new Vue(
        data: {
      weight:''
     }, methods: { doSubmitCheck: function(){
if (this.weight == '') { alert("缺少数据!!!!!"); return false;
            这里的renturn false就是阻止原来的默认提交 }
else {
            //这里同上,开始写自己的ajax请求就好了
return false; } } } ) </script>

记录一下,如果还有更好的解决方法大家可以互相探讨一下

posted @ 2020-11-16 16:01  星宝攸宁  阅读(228)  评论(0)    收藏  举报