vue权限处理

vue权限处理

<template>
	<div>
		<div v-if='value===1'>权限1</div>
		<div v-if='value===2'>权限2</div>
		<div v-if='value===3'>权限3</div>
	</div>
</template>

一般，都是这样写的，通过v-if来判断值是不是跟要显示的东西相同，相同则展示，不同则隐藏。
这样写没错，但有没有想过万一权限特别多，这样我们就写的特别乱，影响观赏性，代码不优雅。

优化

1 创建获取到的权限数组的文件

2 把上面的checkArray方法在main.js文件中

import {checkArray} from './common/array.js'

3 写一个vue中的自定义指令

4 在页面上使用