<!-- 功能：按钮权限显示隐藏案例; 作者：LZJ; 时间：2022年10月11日 17:38:12-->
<template>
    <div id="PermissonTest" class="pd20">
        <h2> 按钮权限显示隐藏案例</h2>
        <p class="mtb15 c-f56c6c ">注意：这里的v-permission是后台动态返回的数据，可以查看项目代码里面的store下面的modules下的user.js，在登录的时候返回的，这里可以根据自己的需求来自定义数据格式</p>
        <el-button v-permission="'home/permissio'" type="danger">按钮权限测试1</el-button>
        <el-button v-permission="'home/permission'" type="danger">按钮权限测试2</el-button>
        <div class="pd20 ft18 border br8 bgc-f5f5f5 fw-500 mt20">
            <code>
                <div>
                    <pre><font class="keyword-tag">&lt;el-button v-permission=<font class="string-tag">"'home/permissio'"</font> type=<font class="string-tag">"danger"</font>&gt;</font><span class="fw-500 ft16">按钮权限测试1</span><font class="keyword-tag">&lt;/el-button&gt;</font></pre>
                    <br>
                    <pre><font class="keyword-tag">&lt;el-button v-permission=<font class="string-tag">"'home/permission'"</font> type=<font class="string-tag">"danger"</font>&gt;</font><span class="fw-500 ft16">按钮权限测试2</span><font class="keyword-tag">&lt;/el-button&gt;</font></pre>
                    <br>
                </div>
            </code>
        </div>
    </div>
</template>

<script>
export default {
    // 组件名称
    name: 'PermissonTest',
    // 局部注册的组件
    components: {},
    // 组件参数 接收来自父组件的数据
    props: {},
    // 组件状态值
    data() {
        return {};
    },
    // 侦听器
    watch: {},
    created() {
    },
    mounted() {
    },
    methods: {}
};
</script>

<!--使用了scoped属性之后，父组件的style样式将不会渗透到子组件中，-->
<style scoped lang='less'>

</style>
