tarsier-vue-tools图标选择器组件

2021-07-09 by uino 23 tarsier-vue 研发

使用前的准备

  1. 传入参数urls对象,默认配置为/tarsier-comm/cmdb的后台地址

使用

// *.vue:
<template>
  <Button @click="show = true">选择图标</Button>
  <IconMap :urls="urls" v-model="show" @on-ok="okFn" />
</template>

<script>
  import { IconMap } from  'uino-tarsier-vue-lib';
  export default {
    components: {
      IconMap
    },
    data() {
      return {
        show:false, // 控制弹窗 显示/隐藏
        urls:{} // 请求接口配置
      };
    },
    methods:{
      // 选择图标事件处理方法
      okFn(data){
        // do something...
      }
    }
  }
</script>

v-model

  • 控制组件是否显示

on-ok, 选择图标事件处理方法

  • 参数为已选图标Object

urls 地址配置说明

  • PRE : 地址前缀 ,默认值:/tarsier-comm/cmdb
  • IMAGES: 获取图标列表