QinUi

# InputSearch 搜索输入框

统一封装

# 基础用法

<template>
  <qinui-input-search
    placeholder="输入门店名称"
    v-model="theValue"
    @change="onChange"
  />
</template>

<script>
  export default {
    data() {
      return {
        theValue: '',
      };
    },
    methods: {
      onChange(e) {
        console.log('change', this.theValue);
      },
    },
  }
</script>

# API

# Props

参数 说明 类型 默认值 可选值
modelValue(v-model) 输入内容 String - -
placeholder 输入框为空时的占位符 String - -
prefixIcon 前缀图标 class 名字 String - -
height 整体高度，如果没有就是胶囊的高度 String - -
useStore 是否使用 store Boolean true
prefixIconStyle 前缀图标样式 String padding-left:8rpx; -
suffixIcon 后缀图标 class 名字 String - -
suffixIconStyle 后缀图标样式 String - -
placeholderStyle 指定placeholder的样式 String - -
clearStyle 指定 clear 的样式 String margin-left: 12rpx; -
diyStyle 自定义外部样式，如：设置边框等样式 String - -

# Events

事件名 说明 回调参数
@change 改变值触发 -

← Input 输入框 →