vue获取用户身份显示不同数据 - web建站教程手机端

vue开发中会碰到根据不同的用户权限，实现不同的功能，下面给大家简单举一个实例！

代码如下：

export default {
  data() {
    return {
      currentUser: {
        username: "admin",
        role: "admin"
      }
    };
  },
  
  computed: {
    isAdmin() {
      return this.currentUser.role === "admin";
    }
  }
};

根据权限显示：

<template>
  <div>
    <span>前台管理</span><span v-if="isAdmin">后台管理</span>
  </div>
</template>

vue如何禁用ios页面滑动避免小黑框的出现

vue如何利用watch监听数组变化?

标签： vue技巧, vue用户权限

上面是“vue获取用户身份显示不同数据”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4614.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！