Vue + Element 重置按钮组件

<template>
  <span style="margin-left: 10px">
    <el-button :type="type" :icon="icon" :size="size" @click="reset()">{{
      BtnName
    }}</el-button>
  </span>
</template>

<script>
export default {
  props: {
    BtnName: {
      default: "重置",
      type: String,
    },
    formRef: {
      default: "",
      type: String,
    },
    type: {
      default: "danger",
      type: String,
    },
    icon: {
      default: "el-icon-warning",
      type: String,
    },
    size: {
      default: "mini",
      type: String,
    },
  },
  data() {
    return {};
  },
  methods: {
    reset() {
      this.$emit("doSearch");
      this.$emit("reset");
    },
  },
};
</script>

<style>
</style>

使用

<ResetBtn @reset="reset" @doSearch="getList"></ResetBtn>