Skip to content
On this page

输入框

基本使用

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

点击展开
vue
<template>
  <ol-input v-model="inputValue1" placeholder="请输入" />
</template>

清除图标

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

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