尝试扩展 Vuetify 组件

Question

我想准备好在我的类/时尚中使用组件，我正在使用 mixins 来做这件事，但它接缝了属性没有传递。 我得到了风格，但没有得到“项目”，即

这是代码：

<template>
  <span>
    <p
      class="text-left text-secondary text-caption ml-2 pb-0 pt-0 mb-0 mt-0"
      v-if="label"
    >
      {{ label }}
    </p>
    <v-autocomplete
      :class="getClass"
      outlined
      single-line
      hide-details
      v-bind="$props"
    />
  </span>
</template>

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

export default {
  mixins: [VAutocomplete],

  data() {
    return {};
  },

  mounted() {
    console.log(this.$props);
  },

  watch: {},

  computed: {
    getClass() {
      return "input-style font-size-input text-light-input placeholder-light border-radius-md select-style mt-0 mb-2";
    },
  },

  methods: {},
};
</script>