小编mh *_*h f的帖子

Vue3动态渲染

我有一个组件列表,我想从外部为它们设置一个配置,

例如:

 const myConfig = [
  {
    name: 'example',
    renderer: () => (<button @click="clickHanlder">Click me!</button>)
  },
  ...
 ];
Run Code Online (Sandbox Code Playgroud)

对于我的组件,我想使用myConfig如下所示:

  <template>
    <div class="example">
      <template v-for="(item, index) in myConfig" :key="index">
        My Button:
        <div class="example-2">{{ item.renderer() }}</div>
      </template>
    </div>
  </template>
Run Code Online (Sandbox Code Playgroud)

请注意,我不想使用slots

我怎样才能做到呢?

vue.js vue-component vuejs3 vue-composition-api vue-script-setup

2
推荐指数
1
解决办法
1097
查看次数