搜索 Search

用于对数据进行搜索，通常配合列表、卡片使用

基础使用

配置搜索关键词，以及触发搜索事件

<title>基础使用</title>
<describe> 配置搜索关键词，以及触发搜索事件 </describe>
<template>
  <hc-search
    v-model="value"
    placeholder="请输入关键字"
    @search="handleSearch"
    @change="handleChange"
    style="width: 200px;"
  >
  </hc-search>
</template>
<script>
  export default {
    data: function () {
      return {
        value: "",
        keywords: "",
      };
    },
    methods: {
      handleSearch(keywords) {
        this.keywords = keywords;
      },
      handleChange(val) {
        this.keywords = val.value;
      },
    },
  };
</script>

属性

属性	说明	可选值	默认值
v-model	值	--	--
clearable	能否清空	--	true

事件

事件	说明	回调参数
change	用户输入值改变时触发	{value: 值}
search	触发条件：按钮、清空图标、回车键	keyword

• 属性
• 事件

登录