<template>
  <section>
    <p>在不少业务组件中，时常需要做到权限控制一些按钮的显示隐藏。如果只使用样式来隐藏按钮，是不安全的。</p>
    <p>所以在本框架中，推荐将按钮用全局的权限组件包裹来控制是否渲染。</p>
    <Highlight :code="codes['/auth/index.vue']" language="html" />
    <p>
      权限标识会读取全局用户信息中的
      <a-tag class="mr-none" color="orange">permissions</a-tag>进行比对。
    </p>
    <p>权限组件插槽内的可以是任何元素，只要不符合条件，将不会渲染。</p>
  </section>
</template>
<script>
import Highlight from '../highlight';

export default {
  components: {
    Highlight,
  },
  props: {
    codes: {
      type: Object,
    },
  },
};
</script>