V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jahnsli
V2EX  ›  Vue.js

如何通过 props 将对象中的 render 渲染为组件

  •  
  •   jahnsli · 2022-10-30 18:36:53 +08:00 · 1213 次点击
    这是一个创建于 785 天前的主题,其中的信息可能已经有所发展或是发生改变。
      {
        type: 'radio',
        formItemProps: { label: useI18nt('test') },
        model: 'test',
        slots: [
          {
            name: 'default',
            render: () => [
              h(NRadioButton, { size: 'large', value: 1, label: '1' }),
              h(NRadioButton, { size: 'large', value: 2, label: '2' })
            ]
          }
        ]
      }
    
    <component is='radio'>
      How would you render a slots from an object here by passing props
    </component>
    
    chenjiangui998
        1
    chenjiangui998  
       2022-10-31 11:16:31 +08:00
    {
    type: 'radio',
    formItemProps: { label: useI18nt('test') },
    model: 'test',
    slots: [
    {
    name: 'default',
    render: () => [
    h(NRadioButton, { size: 'large', value: 1, label: '1' }),
    h(NRadioButton, { size: 'large', value: 2, label: '2' })
    ]
    }
    ]
    }

    <component is='radio'>
    <component v-for="slot in slots" :is="slot.render" :key="slot.name"/>
    </component>

    试试这样, 不行就把 setup 去了, 用 render 函数
    sjhhjx0122
        2
    sjhhjx0122  
       2022-10-31 20:32:51 +08:00
    vue 的 script lang 是可以为 tsx 的,这样你直接把变量当组件也是可以的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3257 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 12:13 · PVG 20:13 · LAX 04:13 · JFK 07:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.