我目前有一个带渲染功能的组件,我使用插槽向其发送数据。
简而言之,我的组件如下所示:
export default {
render(createElement){
return createElement(
'div', {
'class' : 'className'
},
this.$slots.default
)
}
}
渲染函数内部还有一些创建多个元素并将插槽内容放在每个元素中(这就是我使用渲染函数的原因),但这与此示例无关。
我有另一个包含此模板的组件:
<Component1>
<div>foo</div>
</Component1>
(组件1是具有渲染功能的组件)。
这一切都很好用,但问题是当'foo'一词改变时,组件不会更新。我可以向组件发送一个prop来检查内容是否被更改(通过在支柱上放置一个观察者),但是如何强制组件再次运行渲染功能?
谢谢!