权限码使用
<h4>使用方式</h4>
<p>通过调用/v1/user/get-access-list 接口,会返回用户拥有的权限码集合,组件内使用需要传递 permission 的 prop</p>
<ol>
<li>
<p>在 template 中使用</p>
<blockquote>
<p>v-auth 的 value 为对应模块的权限码,如果 permission 中没有此权限码,则对应元素会从 DOM 中删除</p>
</blockquote>
<pre><code class="language-html">// 1、会直接删除DOM
<div v-auth="100"></div>
// 2、配合v-if使用
<div v-if="permission.indexOf(100)>=0"></div></code></pre>
</li>
<li>
<p>在 js 中使用</p>
<pre><code class="language-javascript">// 如果在js中使用,需要从sessionStorage里面获取permission
if (this.permission.includes(100)) {
}</code></pre>
</li>
</ol>