Question

是否可以在vuetify uicomponent渲染函数中使用v-app-var，v-navigation-drawer等Vue：

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

Answer 1

供以后参考：

你只需要手动将它导入到 vue 组件中。

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

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

在此 link 上有更多信息。

Answer 2

是的，例如，您可以渲染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

Vue渲染功能和Vuetify ui组件

2 个答案: