vue3 ts permission不生效

要使 Vue 3 中的权限生效，需要确保已经正确地设置和使用了 TypeScript 类型，并在组件中正确地使用了权限控制。

首先，确保在 `tsconfig.json` 文件中启用了 `strict` 模式。其次，对于每个组件，需要定义一个 `Props` 接口来描述传递给组件的属性。然后，可以使用 `v-if` 和 `v-else` 指令来根据所需的权限控制显示或隐藏组件。

例如，假设要根据用户是否拥有“admin”权限来显示一个按钮：

<template>
  <button v-if="userHasAdminPermission">Admin Button</button>
  <button v-else>Regular Button</button>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue'

interface Props {
  userHasAdminPermission: boolean
}

export default defineComponent({
  name: 'MyComponent',
  props: {
    userHasAdminPermission: {
      type: Boolean as PropType<Props['userHasAdminPermission']>,
      required: true,
    },
  },
})
</script>

在这个例子中，`Props` 接口描述了传递给组件的 `userHasAdminPermission` 属性，并在组件的 `props` 选项中进行了声明。然后，使用 `v-if` 和 `v-else` 指令来根据属性的值显示或隐藏按钮。

希望这个例子可以帮助你解决问题。