javascript - vue中props传值的问题?

问题描述

问 题

父组件给子组件传递一个对象item,发现用方法一的时候子组件中接收到的item里每个属性都会多出get/set方法，如果属性比较多方法二太烦了，请教大神们是怎么做的

方法一：
<img-box :obj='item'></img-box>
方法二：
<img-box
      :value='item.value'
      :activeParam='item.activeParam'
      :aimUrl='item.aimUrl'
      :jumpType='item.jumpType'
      :setTop='item.setTop'
      :setWidth='item.setWidth'
      :themeId='item.themeId'
      :todocode='item.todocode'
      :toolId='item.toolId'
      :ttid='item.ttid'
    ></img-box>

解决方案

<img-box :obj='item'></img-box>
let {value, activeParam, aimUrl, jumpType, setTop, setWidth, themeId, todocode, toolId,  ttid} = item;

这篇关于javascript - vue中props传值的问题?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！