vue 有没有办法直接在 jsx 里面插入自定义组件？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2559 天前的主题，其中的信息可能已经有所发展或是发生改变。

像这样，能方便很多。

 return (
      <div class="input-group">
        {this.$slots.default && this.$slots.default.map(item => {
        //如果 item 是个 vue component
         return item.componentOptions ? (<item></item>) : (item)
        })}
      </div>
    );

6 条回复 • 2019-01-10 16:46:47 +08:00

oyhw92

2019 年 1 月 10 日

//如果 item 是个 vue component
return item.componentOptions ? this.$createElement(item) : (item)

MerlinLord

2019 年 1 月 10 日

@oyhw92 #1 cannot：（

WenJimmy

2019 年 1 月 10 日

<item /> ？

TomVista

2019 年 1 月 10 日

渲染出 item 后,重新声明定义一个 item 组件.

TomVista

2019 年 1 月 10 日

@MerlinLord 抱歉,我说的是错的.

应该是,先插入一个组件标签,然后销毁父 vue 实例,接着重建父 vue 实例.

TomVista

2019 年 1 月 10 日

@MerlinLord vm.$forceUpdate(); 这个函数,