vue.js - 在具有 `v if`的父组件中,如果transcluded不存在,则不会附加

  显示原文与译文双语对照的内容
0 0

http://jsfiddle.net/6Lt7kc94/3/

父组件

<div v-component="child">
 <div v-component="transcluded"></div>
</div>

子组件( 将可见的内容硬编码到 true )

<div v-if="visible">
 <content></content>
</div>

transcluded组件

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中呈现transcluded组件,但 attached 事件永远不会激发。

如果 v-if="visible" 被删除,那么一切都正常。

我使用的是错误的还是 Bug的?

时间: 原作者:

0 0

如果你使用 v-show 而不是 v-if,它。

原作者:
...