输入框 Input

基本使用

通常可以直接使用内置指令v-model实现双向绑定

点击展开

<template>
  <ik-input v-model="inputValue1" placeholder="请输入" />
</template>

清除图标

直接添加hasClear属性可使输入框带有清除图标

点击展开

<script setup lang="ts">
import { ref } from 'vue'
const inputValue2 = ref('这里可直接清除')
</script>
<template>
  <ik-input v-model="inputValue2" placeholder="请输入" />
</template>

前缀和后缀

<template>
  <ik-space direction="column">
    <ik-input prefixIcon="user" />
    <ik-input suffixIcon="chuizi-cpoy" />
  </ik-space>
</template>

显示代码

复制代码片段