[Vuejs]-Vue Render Functions and Vuetify ui components

2👍

Yes, for example you could render the v-app-bar and its contents like..

render(createElement){
  const icon = createElement('v-app-bar-nav-icon')
  const spacer = createElement('v-spacer')
  const iconBtn = createElement('v-icon', 'mdi-heart')
  const btn = createElement('v-btn', [iconBtn])
  return createElement('v-app-bar', [
    icon, spacer, btn
  ])
},

Demo: https://codeply.com/p/mWDDrjgKj1

2👍

For future reference:

You simply have to import it manually into the vue component.

<script>
import { VAppBar } from "vuetify/lib";

export default {
  render(createElement) {
    return createElement(VAppBar, {});
  },
};
</script>

More info at this link.

Leave a comment