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

问题描述

问 题

子组件通过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却没有更新，求救

解决方案

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

这篇关于javascript - vue中父组件通过props传一个对象，子组件用来绑定样式，结果没有变化?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！