<template>
    <div class="ht-base-auto-complete-demo">
        <ht-base-auto-complete
                v-model="value1"
                :data="data1"
                @on-search="handleSearch1"
                placeholder="input here"
                style="width:200px"></ht-base-auto-complete>
    </div>
</template>

<script>
  export default {
      name: 'HtBaseAutoCompleteDemo',
      data () {
          return {
              value1: '',
              data1: []
          }
      },
      methods: {
          handleSearch1 (value) {
              this.data1 = !value ? [] : [
                  value,
                  value + value,
                  value + value + value
              ];
          }
      }
  }
</script>
<style lang="less">
    .ht-base-auto-complete-demo {

    }
</style>

