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

This topic created in 2691 days ago, the information mentioned may be changed or developed.

像这样，能方便很多。

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

6 replies • 2019-01-10 16:46:47 +08:00

oyhw92

Jan 10, 2019

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

MerlinLord

Jan 10, 2019

@oyhw92 #1 cannot：（

WenJimmy

Jan 10, 2019

<item /> ？

TomVista

Jan 10, 2019

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

TomVista

Jan 10, 2019

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

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

TomVista

Jan 10, 2019

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