美文网首页
vue 中如何在v-for 中传递对象item?

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

作者: 说好的幸福2020 | 来源:发表于2021-05-09 05:18 被阅读0次

在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 中如何在v-for 中传递对象item?

      本文链接:https://www.haomeiwen.com/subject/mafmdltx.html