Question

我有一个选择框作为单个文件组件。我还有另一个呈现表但使用render函数的组件。如果导入选择框，如何在渲染函数中将其用作子级？我已经尝试过'h（selectbox）'，但是在渲染函数（未定义）中无法访问变量'selectbox'。

    // table.js
    import selectbox from '@/components/selectbox'

    export default {
      components: { selectbox },
      render(h) {
        /* 
        ** some table elements rendered here
        */
        let td = h('td', {}, /* insert selectbox component */)
      }
    }

Answer 1

由于已将其声明为本地组件，因此可以使用：

h('selectbox')

h也称为createElement是创建VNode的方法。当模板包含：

<selectbox />

vue编译器会将其转换为上面的代码。

在您的情况下，您必须这样做：

let td = h('td', {}, [h('selectbox')])

如何在渲染功能中使用单个文件组件

1 个答案: