vue和nodejs中，怎么给一个账号设置按钮权限，这个代码怎么写

在Vue和Node.js中，给一个账号设置按钮权限需要以下几个步骤：

1. 在后端(Node.js)中，需要设置用户角色和权限表。用户角色可以是管理员、普通用户等等，而权限表则需要记录每个角色对应的可操作按钮或页面的权限。

2. 在前端(Vue)中，需要根据用户角色和权限表来动态生成页面，只显示用户有权限的按钮或页面。可以使用Vue Router和Vue全局mixin实现。

下面是一个简单的示例代码：

在Node.js中：

// 用户角色和权限表
const roles = {
  admin: ['addUser', 'deleteUser', 'editUser'],
  user: ['editProfile']
};

// 验证用户权限的中间件
const checkPermission = (role, permission) => {
  return (req, res, next) => {
    if (roles[role].indexOf(permission) !== -1) {
      next();
    } else {
      res.status(403).send('Forbidden');
    }
  };
};

// 在路由中使用中间件验证权限
app.post('/addUser', checkPermission('admin', 'addUser'), (req, res) => {
  // 添加用户的代码
});

在Vue中：

// 定义全局mixin
Vue.mixin({
  methods: {
    // 根据用户角色和权限表动态生成页面
    generatePage() {
      const role = this.$store.state.user.role;
      const permissions = this.$store.state.user.permissions;
      const buttons = this.$options.buttons || [];

      return buttons.filter(button => {
        return permissions.indexOf(button.permission) !== -1 ||
          roles[role].indexOf(button.permission) !== -1;
      });
    }
  }
});

// 在组件中定义可操作按钮
export default {
  buttons: [
    {
      text: '添加用户',
      permission: 'addUser',
      handler: () => {
        // 添加用户的代码
      }
    },
    {
      text: '编辑用户',
      permission: 'editUser',
      handler: () => {
        // 编辑用户的代码
      }
    }
  ]
};

这样，当用户登录后，前端会根据用户角色和权限表动态生成页面，只显示用户有权限的按钮或页面。