vue el-form鼠標事件導致頁面刷新解決方案；vue 阻止多次點擊提交數據通用方法

一.阻止表單自動提交刷新頁面：
<el-form>
   <el-form-item  :inline="true" @submit.native.prevent>
       <el-input @keyup.enter.native='submit'></el-input>
  </el-form-item>
</el-form>

注意： 鼠標事件導致頁面刷新問題，在el-form上增加 @submit.native.prevent 可阻止頁面刷新

二.阻止表單多次重復點擊提交數據公共方法：

export default {}.install = (Vue, options = {}) => {
  Vue.directive('dbClick', {
    inserted(el, binding) {
      el.addEventListener('click', e => {
        if(!el.disabled) {
          el.disabled = true;
          let timer = setTimeout( () => {
            el.disabled = false;
          },1000)
        }
      })
    }
  })
}
用法：<el-button v-dbClick @click="saveOrder">保存</el-button>
在提交保存按鈕出添加v-dbClick,引入全局公共方法。