Files
selicens 1ec6fe5830 feat(components): [input-number] support slot custom icons (#16275)
* feat(components): support slot custom icons

* chore:add version identifier

Co-authored-by: btea <2356281422@qq.com>

* chore: adjusting Layout

* docs: add version

* chore: rename slots

* test: update test cases

* docs: uodate description

* chore: rename

---------

Co-authored-by: btea <2356281422@qq.com>
2024-03-29 14:10:29 +08:00

42 lines
1022 B
Vue

<template>
<el-space direction="vertical">
<el-space>
<el-input-number v-model="num" />
<el-input-number v-model="num">
<template #decrement-icon>
<el-icon>
<ArrowDown />
</el-icon>
</template>
<template #increase-icon>
<el-icon>
<ArrowUp />
</el-icon>
</template>
</el-input-number>
</el-space>
<el-space>
<el-input-number v-model="num" controls-position="right" />
<el-input-number v-model="num" controls-position="right">
<template #decrement-icon>
<el-icon>
<Minus />
</el-icon>
</template>
<template #increase-icon>
<el-icon>
<Plus />
</el-icon>
</template>
</el-input-number>
</el-space>
</el-space>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { ArrowDown, ArrowUp, Minus, Plus } from '@element-plus/icons-vue'
const num = ref(1)
</script>