请教各位一个问题，求解答：vue按钮级元素多状态权限设计

Question

我们系统有6种角色，页面若干（就几个），但是几种角色都能访问这些页面，只是里面的元素权限不一样。比如某页面一个按钮，角色为R1和R2的用户可以操作，R3和R4权限的用户只能查看不能点击，R5和R6权限的用户直接隐藏看不到。而另一个输入框，可能R1和R4能操作，R2和R5只读，R3和R6隐藏看不到，等等等
网上的方法都权限只能控制一个元素的显示与隐藏，但是我们是多种状态，至少3中写、读、隐藏，可能还会有颜色样式等等
所以各位有没有什么比较好的方法

Answer 1

能控制显示隐藏也就可以控制读写v-if="status==1?true:false":disabled="status==2||status==3?false:true":style="status==1?firStyle:elseStyle"我觉得这样写简单一点把