如果在具有“v-if”的父组件中进行转换,则不会附加Vue组件

时间:2015-01-22 00:00:25

标签: vue.js

小提琴: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"被删除,那么一切正常。

我使用的不正确还是这个错误?

1 个答案:

答案 0 :(得分:1)

如果您使用v-show而不是v-if,则可以使用。