vue按钮权限，假如已经获取到登录账号，且登录时获取到动态路由导航，动态路由由后端返回，怎么样在该账号下，编辑，删除按钮权限的前后端代码

前端代码实现已经在之前的回答中进行了介绍，这里主要介绍后端实现的思路。

假设您的后端使用的是 Node.js 并且已经实现了基于 JWT 的用户认证和授权，可以按照以下步骤实现按钮权限的控制：

1. 在登录时，除了返回 token 外，还返回该用户对应的角色或权限信息。

2. 在动态路由中，为每个路由添加一个 meta 属性，用于存储该路由需要的权限信息，例如：

{
  path: '/write',
  name: 'Write',
  component: WriteComponent,
  meta: {
    requiresAuth: true, // 需要登录才能访问
    requiresWritePermission: true // 需要写权限才能访问
  }
}

3. 在后端接口中，根据用户的角色或权限信息，判断该用户是否有编辑或删除的权限，例如：

// 编辑文章
router.put('/article/:id', authMiddleware, async (req, res) => {
  const { id } = req.params
  const article = await Article.findById(id)

  // 判断用户是否有编辑权限
  if (req.user.hasEditPermission) {
    // 更新文章
    article.title = req.body.title
    article.content = req.body.content
    await article.save()
    res.json(article)
  } else {
    res.status(403).json({ message: 'Forbidden' })
  }
})

// 删除文章
router.delete('/article/:id', authMiddleware, async (req, res) => {
  const { id } = req.params
  const article = await Article.findById(id)

  // 判断用户是否有删除权限
  if (req.user.hasDeletePermission) {
    // 删除文章
    await article.delete()
    res.json({ message: 'Deleted' })
  } else {
    res.status(403).json({ message: 'Forbidden' })
  }
})

在上述代码中，我们首先通过 authMiddleware 中间件验证用户的身份，并将用户信息存储在 req.user 中。然后根据用户的权限信息判断用户是否有编辑或删除权限，如果有则执行相应的操作，否则返回 403 Forbidden。

需要注意的是，前端的按钮权限控制只是为了提高用户体验，实际上用户仍然可以通过其他途径访问到相应的接口，因此后端仍然需要对用户的请求进行权限验证。