vue-element-ui 中使用 el-form 报错 “TypeError: this.$refs[formName] is undefined“

情况说明：使用了 element-ui 里面 <el-form></el-form> 创建了个表单，但是取数据的时候，老是报错"TypeError: this.$refs[formName] is undefined"。按照网上搜来的在 mounted() 里面添加，但是没用啊。大好江山一片红，大家看看

前奏：皇天不负有心人，观察之前，也出现过这样的 bug，比如在这个 <img />标签里面按理说可以显示图片

<img
   :v-image-preview="props.row.imgUrl"
    class="img-size"
    src="props.row.imgUrl"
 />

但实际上不行，于是学着 :v-image-preview，在 src 前面 加个 冒号 ：，即

<img  :src="props.row.imgUrl" />

切入正题：
照葫芦画瓢，在 ref = "form" 前面也加个冒号