使用 vuetify 中的 VAutocomplete 和渲染函数（作用域插槽）

Question

我正在尝试在渲染函数中使用自动完成组件。当我尝试使用组件的 scopedSlots 时，它对我不起作用。我的代码：

  import { VAutocomplete } from 'vuetify/lib'

  export default {
    render (h) {
      return h(VAutocomplete, {
        scopedSlots: {
          label: () => h('h1', 'lol'),
          'append-item': () => h('p', 'Last item')
        },
      })
    },
  }

我尝试使用这个 post

的答案

当我尝试它时答案有效，但是当我将它应用于自动完成时它在我尝试过的插槽中对我不起作用。我做错了什么？

Answer 1

label 不是作用域插槽，您必须这样做：

h(VAutocomplete, [
  h('h1', { slot: 'label' }, 'lol')
])

使用 vuetify 中的 VAutocomplete 和渲染函数（作用域插槽）

Using VAutocomplete from vuetify with render function (scoped slot)

javascript

vue.js

vuejs2

vuetify.js