更新记录

1.0.0（2024-11-20） 下载此版本

有问题联系作者

平台兼容性

插件预览地址

使用示例

<template>
  <view>
    <view style="height: 100px;"></view>
    <view style="padding-left: 10px;padding-right: 10px;">
      <sh-search
        v-model="value"
        focus
        height="42px"
        radius="100px"
        background="#eee"
        themeColor="#ff8761"
        :disabled="false"
        @clear="clear"
        @confirm="confirm"
        @change="change"
        placeholder="输入内容查询"
        selectWidth="100px"
        selectHeight="130px"
        btnPostion="inner"
        btnText="查询"
        :list="['🚀商品', '🥩店铺', '🍚品牌', '🍩尺码', '🥪颜色']">
      </sh-search>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    clear() {
      console.log('clear')
    },
    confirm() {
      console.log('confirm')
    },
    change(e) {
      console.log('选中了 --->', e.value)
    }
  }
}
</script>

属性 Porps

事件 Emit