<template>
  <div class="input-base">
    <div>
      <hive-inputTag type="search" suffixIcon="zoom" :tags="tags2"></hive-inputTag>
    </div>
    <div>
      <hive-inputTag type="search" :tags="tags"></hive-inputTag>
    </div>
    <div>
      <hive-inputTag :disabled="disabled" type="search" suffixIcon="zoom" :tags="tags"></hive-inputTag>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tags: [
          '篮球',
          '足球',
          '网球',
          '篮球',
          '足球',
          '网球',
          '篮球',
          '足球',
          '网球',
        ],
        tags2: ['篮球', '足球', '网球'],
        disabled: true,
      };
    },
    methods: {
      onRemoveTagItem(values) {
        console.log(values);
      },
    },
  };
</script>
