代碼 ：

<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'， 無(wú)論怎么輸入，都會(huì)提示校驗(yàn)失敗。 如果去掉trigger， 就正常工作了。

求解。

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