为了账号安全,请及时绑定邮箱和手机立即绑定

vue中父组件通过props传一个对象,子组件用来绑定样式,结果没有变化?

vue中父组件通过props传一个对象,子组件用来绑定样式,结果没有变化?

阿波罗的战车 2018-10-09 13:14:04
子组件通过props接受父组件传过来的arrange对象,然后用v-bind:style绑定样式,开始这个对象初始化时里面全是0。然后父组件里的这个arrange对象发生变化了,也传给子组件了,可子组件的样式却没有改变,是怎么回事呢??,代码://父组件里的template<img-figure v-ref:img-figure :arrange="imgsArrangeArr[index]"></img-figure>//子组件里接受var imgFigure=Vue.extend({    props:['arrange'],    template:`        <figure class="img-figure" v-bind:style="arrange.pos">            <span>{{arrange.pos.left}}</span>            <figcaption>                <h2 class="img-title">{{item.title}}</h2>            </figcaption>        </figure>    `)}结果图:传递应该是没有问题,现在问题是v-bind:style绑定的对象有变化了,可style却没有更新,求救
查看完整描述

1 回答

?
UYOU

TA贡献1878条经验 获得超4个赞

题主如何修改arrange对象的值的?

https://img1.sycdn.imooc.com//5bdbe81d0001c8ad05460569.jpg

https://img1.sycdn.imooc.com//5bdbe828000104ee05490193.jpg

查看完整回答
反对 回复 2018-11-02
  • 1 回答
  • 0 关注
  • 2137 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信