vue 中如何在v-for 中传递对象item?

在select的组件使用过程中 ,可能会遇到传递item 形似,而不是item.id这样的请况,但是往往会出现vue的报错。
该情况下 ,可以先对item的传值,使用JSON.strigify转为字符串,在使用时候,使用JSON.parse转为对象

 <a-select
    allowClear
    showSearch
    @change="(value,option) => handleChangePayee(value,option)"
>
    <a-select-option  v-for="(item) of payeeList" :value="JSON.stringify(item)" :key="item.payee">
        {{item.payee}}
    </a-select-option>
</a-select>

handleChangePayee(val) {
    const getVal = JSON.parse(val);
    ......
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue-cli搭建项目 1.确保安装了node与npm 2.再目标文件夹下打开终端 3.执行cnpm i vue-...
    i_ec98阅读 288评论 0 0
  • <template> <el-row :gutter="10" class="formWrap"> ...
    南漂一枚阅读 428评论 0 0
  • ### 什么是Vue.js + Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(Reac...
    JLong阅读 1,104评论 0 0
  • vue概述sd 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来...
    去年的牛肉阅读 4,087评论 0 1
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 8,594评论 28 53