element-ui的select组件v-model是个字符串,而option的:value需要对象

addressModel是父组件传来的字符串
option 是接口获取的数组 { address:'',id:* }
选完后会将报错‘Invalid prop: type check failed for prop "addressModel". Expected String with value "[object Object]", got Object ’

<el-select v-model="addressModel"
             @change="emitValue">
    <el-option v-for="item in option"
               :key="item.id"
               :label="item.full_address"
               :value="item">
    </el-option>
  </el-select>
阅读 6k
1 个回答

value 的值要与 addressModel的类型匹配,addressModel是字符串,而value是对象,v-model指令自然不能正常工作,看代码,你是想用对象做匹配,建议使用对象的id来做匹配,

v-model="JSON.parse(addressModel).id"
:value="item.id"
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题