如何在设置组合 API 上使用选项卡

Question

我将tabs定义为prop，然后我想在setup()内部的函数中使用tabs.value...，但它不识别属性。它正在抛出错误：

找不到名称“选项卡”，选项卡未定义

代码：

<script lang="ts">
import {
  defineComponent,
  ref,
  computed,
  PropType,
  toRefs,
} from '@vue/composition-api'
import i18n from '@/setup/i18n'

export default defineComponent({
  name: 'ProgramModal',

  props: {
    tabs: Array as PropType<Array<any>>,
  },

  setup() {
 
    const changeTab = (selectedTab: { id: number }) => {
      tabs.value.map((t) => {
        t.id === selectedTab.id ? (t.current = true) : (t.current = false)
      })
    }

    return {
      tabs,
      changeTab,
      ariaLabel,
    }
  },
})
</script>

我该怎么做

Answer 1

您需要将props 传递给setup 函数：

setup(props) {...