Vuejs:如何触发渲染功能?

时间:2017-10-25 13:53:55

标签: vue.js vuejs2 vue-component

我目前有一个带渲染功能的组件,我使用插槽向其发送数据。

简而言之,我的组件如下所示:

export default {

    render(createElement){
        return createElement(
            'div', {
                'class' : 'className'
            },
            this.$slots.default
        )
    }

}

渲染函数内部还有一些创建多个元素并将插槽内容放在每个元素中(这就是我使用渲染函数的原因),但这与此示例无关。

我有另一个包含此模板的组件:

<Component1>
    <div>foo</div>
</Component1>

(组件1是具有渲染功能的组件)。

这一切都很好用,但问题是当'foo'一词改变时,组件不会更新。我可以向组件发送一个prop来检查内容是否被更改(通过在支柱上放置一个观察者),但是如何强制组件再次运行渲染功能?

谢谢!

0 个答案:

没有答案