iconSelector
图标选择组件,常用于为某一个数据设定一个图标时使用
eg: 设定菜单列表时,为每个菜单设定一个图标
使用方式
<template>
<div>
<a-button type="primary" @click="$refs.iconselector.showModal(iconValue)">选择</a-button>
<icon-selector ref="iconselector" @callBack="iconCallBack"/>
</div>
</template>
<script>
import iconSelector from '@/components/Selector/iconSelector.vue'
export default {
name: 'YourView',
components: {
iconSelector
},
data () {
return {
}
},
methods: {
iconCallBack (icon) {
console.log('iconCallBack Icon', icon)
}
}
}
</script>
事件
| 名称 |
说明 |
类型 |
默认值 |
| iconCallBack |
当改变了 icon 选中项触发 |
String |
- |
方法
| 名称 |
说明 |
类型 |
默认值 |
| showIconModal |
打开选择器Model触发,携带图标时默认选中 |
String |
- |