字典组件

界面效果

引用

在.vue文件中输入

<template>
  <keui-dict
             :show="showDict"
             code="sex"
             @select="handleSelect"
             @close="handleClose"
             ></keui-dict>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({

  setup() {

    const showDict = ref(false)

    function handleSelect(e:any) {
        console.log(e)
        showDict.value = false
    }
    function handleClose() {
        showDict.value = false
    }
    return {
        showDict,
        handleSelect,
        handleClose
    }
  }
})
</script>

Attributes

Events