iconSelector_README.md 1.2 KB

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 -