shiro控制bootstraptable行内按钮可见性

<!--shiro控制bootstraptable行内按钮可见性 -->
    <div>
        <script type="text/javascript">
            var s_edit_h = 'hidden';
            var s_remove_h = 'hidden';
            var s_resetPwd_h = 'hidden';
        </script>
    </div>
    <div shiro:hasPermission="xp:examinationBureau:edit">
        <script type="text/javascript">
            s_edit_h = '';
        </script>
    </div>
    <div shiro:hasPermission="xp:examinationBureau:remove">
        <script type="text/javascript">
            var s_remove_h = '';
        </script>
    </div>
    <div shiro:hasPermission="xp:examinationBureau:resetPwd">
        <script type="text/javascript">
            var s_resetPwd_h = '';
        </script>
    </div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Shiro-Vue 可以帮助我们在Vue.js项目中实现按钮的权限控制。以下是控制按钮操作的步骤: 1. 首先,我们需要在后端的权限管理系统中配置按钮的权限信息。这可以包括按钮的唯一标识符、所属菜单或页面、权限标识符等。 2. 在前端的Vue.js项目中,我们需要使用Shiro-Vue提供的指令来控制按钮的显示或隐藏。比如,在按钮HTML代码中添加v-permission指令: ``` <el-button v-permission="btn_add">新增按钮</el-button> ``` 这里的btn_add就是在后端配置的按钮权限标识符。 3. 在Vue.js组件中,我们需要引入Shiro-Vue提供的mixin,以便在组件中使用权限控制指令。可以在组件的script标签中添加如下代码: ``` import { ShiroPlugin } from 'shiro-vue'; export default { mixins: [ShiroPlugin], // ... } ``` 4. 接下来,我们可以在组件的mounted钩子函数中调用Shiro-Vue的init方法,从后端获取当前用户的权限信息。获取到权限信息后,Shiro-Vue会自动根据权限配置来控制按钮的显示或隐藏。 ``` mounted() { this.init(); // 初始化权限信息 } ``` 5. 最后,我们可以根据具体的业务需求,在按钮的点击事件处理函数中做权限判断。比如,在新增按钮的点击事件中,可以使用checkPermission方法来判断当前用户是否有权限执行该操作。 ``` methods: { handleAdd() { if (this.checkPermission('btn_add')) { // 执行新增操作 } else { // 没有权限,给出提示或采取其他操作 } } } ``` 通过以上步骤,我们可以实现在Vue.js项目中对按钮的权限控制。当用户没有权限时,按钮将被隐藏或禁用,从而保证了系统的安全和稳定
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值