Question

我想向vuetify的v-card-title组件添加自定义道具。但是，我仍然想使用自定义道具来调用vuetify组件，该怎么做？我正在尝试，但是没有成功。

在codeandbox上的示例：https://codesandbox.io/s/71nr1w3qvq

<template>
  <!-- How to add computed at VCardTitle? -->
</template>

<script>
import VCardTitle from "./somepath/VCardTitle";

export default {
  name: "App",
  props: ['variant'],
  extends: VCardTitle,
  computed: {
    addVariant: function() {
      if(this.variant === 'light') {
       return 'light-theme'
      }
      return 'dark-theme'
    }
  }
};
</script>

<style>
</style>

Answer 1

您可以像这样使用jsx

//App.js
export default {
  name : 'App',
  render(createElement){
    return createElement(
      'VCardTitle',
      'My title'
    )
  }
}
//if you want more information go to this documentation:
//https://vuejs.org/v2/guide/render-function.html#createElement-Arguments

扩展并重新分配vuetify组件

1 个答案: