前端组件开发文档

微吼组件开发及使用规范


权限码使用

<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 &lt;div v-auth="100"&gt;&lt;/div&gt; // 2、配合v-if使用 &lt;div v-if="permission.indexOf(100)&gt;=0"&gt;&lt;/div&gt;</code></pre> </li> <li> <p>在 js 中使用</p> <pre><code class="language-javascript">// 如果在js中使用,需要从sessionStorage里面获取permission if (this.permission.includes(100)) { }</code></pre> </li> </ol>

页面列表

ITEM_HTML