@zhangqingcq/plug-r-qw/src/components/iconTxtBtn/README.md

A JS lib base on Vue and View-design, you can achieve some complex functions with simple code after install this lib.

## iconTxtBtn

表格顶部带图标的文字按钮（批量操作等），集成了权限 v-has(自定义指令)，可指定图标、大小、按钮文字内容，可禁用，全局 UI 组件，直接用

### 属性

- name: 字符串，按钮的文字内容

- icon: 字符串，按钮的图标，view-design 的 icon，如：

```
<iconTxtBtn name="购物车" icon="ios-cart"/>
```

- has: 字符串，按钮权限，通过自定义指令 v-has 控制，这里只需要通过该属性给按钮传配好的权限标识就行

- size: 正整数，按钮图标大小，默认值：`17`

- disabled: 布尔对象，禁用按钮，默认：`false`

### 事件

- click: 按钮点击事件

### 注意

- has 是定制化指令，原理是去 sessionStorage 中找‘btnPermissions’，然后将获取的值按‘，’切割，最后看其中有没有 has 所带的值，如果想要用权限功能，可以参考这个原理配置权限数据并存到 session

- 这个组件和 tableIconBtn 定位很相似，他们最大的区别就是，该组件时图标文字组合按钮，另一个是纯图标按钮，他们都没有边框