鍍金池/ 問答/HTML/ element-ui 多個 validator 在指定 trigger時不能一起

element-ui 多個 validator 在指定 trigger時不能一起干活。。

代碼 :

<script src="http://unpkg.com/vue/dist/vue.js"></script>
<script src="http://unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
  <bb-son v-model="bean1"></bb-son>
</div>
var Main = {
  components: {
    'bb-son': {
      template: `
        <el-form :model="value">
          <el-form-item prop="name" label="名稱" 
          :rules="[
          { required: true, message: '必須輸入', trigger:' change'},  
          { type: 'number', message: '需要為數(shù)值', trigger:'change'}]">
              <el-input v-model.number="value.name"></el-input>
          </el-form-item>
        </el-form>
      `,
      props: {
        value: {
          type: Object
        }
      },
      data () {
        return {}
      }
    }
  },
  data () {
    return {
      bean1: {
        name: 1234
      }
    }
  }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

如果指定了 trigger:' change', 無論怎么輸入,都會提示校驗失敗。 如果去掉trigger, 就正常工作了。

求解。

online 版本:
https://jsfiddle.net/mmx38qxw...

回答
編輯回答
苦妄

通過github官方確認是bug。 已fix。
https://github.com/ElemeFE/el...

2018年8月24日 00:01