vue开发中出现的问题

一、$refs 不能动态拼接的问题：https://blog.csdn.net/alisa_lisa/article/details/104005063

　　项目需求：动态增减表单并验证。添加联系人，多少组联系人的表单是不确定的。

　　原因：

　　解决：ref 是可以同名的。有相同的名字，会放在一个数组中。通过索引来区别。

 <el-form
      label-width="110px"
      :inline="true"
      v-for="(item, i) in formData"
      :key="'add' + i"
      ref="addForm"
      :rules="addRulse"
      :model="formData[i]"
    >
    ...
    </el-form>

 this.contentReqVoList.forEach((el, i) => {
   this.$refs.addForm[i].validate(v => {
    ...
   })
  })

二、select 下拉框数据有值,但是选中后框里不显示 ：  https://blog.csdn.net/weixin_43835827/article/details/105677387 

　　问题：下拉选择能打印到数据，但是选中后框里不显示值；

　　原因：出现这个问题 是因为下拉框数据是v-for接口请求来的数据，因为数据层次太多，render函数没有自动更新

　　解决：在chenge事件里手动强制刷新值

<el-select v-model="platformName"  @change="selectPlatform">
     <el-option  v-for="(item,index) in platformNameList" :key="index" :value='item.paltformName' :label='item.paltformName'></el-option>
</el-select>

selectPlatform(){
   this.$forceUpdate()//强制更新
       
}