天天看点

vue check failed for prop “value“. Expected Object, got Null

check failed for prop “value”. Expected Object, got Null

检查道具“值”失败。应为对象,但为空

某个属性需要值,但确得了个null

如下列代码中的 formModel,加个三元运算符做判断即可:

<template>
  <div>
    <avue-form ref="form"
               v-model="formModel"
               :option="formOp7">
    </avue-form>
  </div>
</template>
<script>
import option from '../option'

export default {
  props: ['param'],

  data() {
    return {
      // 防止数据为null报错
      formModel: this.param ? this.param : {},
      formOp7: option.formOp7,
    }
  },

  watch: {
    param: {
      handler(val) {
        this.formModel = val ? val : {}
      },
    },
  },
}