小提琴:http://jsfiddle.net/6Lt7kc94/3/
父组件<div v-component="child">
<div v-component="transcluded"></div>
</div>
子组件(可见硬编码为true
)
<div v-if="visible">
<content></content>
</div>
被抄袭的组成部分
var globals = {};
var transcludedComponent = Vue.extend({
template: "<div>blarg</div>",
compiled: function () {
globals.el = this.$el;
// globals.el ends up inside a #document-fragment
},
attached: function () {
alert('attached');
}
});
已转换的组件在DOM中呈现,但attached
事件永远不会触发。
如果v-if="visible"
被删除,那么一切正常。
我使用的不正确还是这个错误?
答案 0 :(得分:1)
如果您使用v-show
而不是v-if
,则可以使用。