如何确保在填充组件的props之前在VM上更新绑定

时间:2016-10-16 18:25:52

标签: vue.js vue-component

所以我有一个数据属性,从我的vm

上的字段填充
var vm = new Vue{
    data: {
        somevalue: null,
    },
}

此值绑定到在加载时预先填充的字段:

<input v-model:somevalue="1" />

然后我使用这个值并将其作为道具传递给组件。在那个组件中,我有一个函数被调用一次,使用这个值。

<some-component v-bind:propofsomevalue="somevalue"></some-component>

...
//the innards of the component
prop: ["propofsomevalue"]
ready: function(){
     //Does something with this.propofsomevalue
}

问题在于ready / compile / attach等,基本vm.somevalue尚未更新,因此prop直到生命周期的后期才会更新。因此,每当它运行时,propofsomevalue为null。插入道具后如何执行此功能。

如果我直接传递一个值,而不是使用bind,它就可以工作。

<some-component v-bind:propofsomevalue="1"></some-component>

它可以工作,但问题是这个值不是静态的,而是由asp服务器端动态填充。

非常感谢!

1 个答案:

答案 0 :(得分:1)

难道你不能在支柱上加上“监视”并在值变为null以外的其他值时执行操作吗?