首页 > 解决方案 > Vue 渲染函数和 Vuetify ui 组件

问题描述

是否可以在渲染函数中使用vuetify uicomponentlike v-app-varv-navigation-drawer等:Vue

render(createElement) {
    return createElement('v-app-bar', {}, )

标签: vue.jsvuetify.jsrender

解决方案


是的,例如,您可以渲染v-app-bar及其内容,例如..

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
  ])
},

演示:https ://codeply.com/p/mWDDrjgKj1


推荐阅读