<template>
  <el-input
    v-bind="$attrs"
    clearable
    @input="handleInput"
    @focus="handleFocus"
    @blur="handleBlur"
    @change="handleChange"
    class="yl-input"
  ></el-input>
</template>

<script>
export default {
  props: {
    rules: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {
    handleInput(event) {
      // v-bind="$attrs"  v-on="$listeners"
      this.$emit("input", event);
    },
    handleFocus(event) {
      this.$emit("focus", event);
    },
    handleBlur(event) {
      this.$emit("blur", event);
    },
    handleChange(event) {
      this.$emit("change", event);
    },
  },
};
</script>
<style lang='scss'>

</style>