当一个 form 元素中只有一个输入框时,在该输入框中按下回车提交表单,并阻止默认的表单提交

 问题:

当一个 form 元素中只有一个输入框时,在该输入框中按下回车,会默认提交该表单,导致刷新整个页面。而需求是不可以刷新页面,而是异步提交表单。

      
        
          
        
        
          发 运
        
      

原因:

W3C 标准: 当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。

解决:

加上 @submit.native.prevent 阻止form表单默认提交事件。

监听输入框的回车事件 @keydown.enter.native="shipContainerBill",自行提交表单。

      
        
          
        
        
          发 运
        
      

你可能感兴趣的:(Vue,vue.js,javascript,elementui)