封装组件

//父组件
 <ElPop :field.sync="data" controller="customer"></ElPop>
 
<script>
import { debuglog } from "util";
export default {
 components: {
    ElPop: () => import("../BaseCom/export-excel")
  },
data(){
data:[{name:测试},{name:测试},{name:测试}],
}
}

//子组件
export default {
  props: ["field", "controller"],
  data() {
    return {};
  },
  mounted() {
    this.view();
  },
  methods: {
    view() {
      console.log(this.field);//[{name:测试},{name:测试},{name:测试}]
      console.log(this.controller);//customer
      this.$parent.refreshTable();//调用父组件方法
    }
  }
};

//特殊交代   子组件
this.$emit("update:search_all", this.search_all);//子组件传值给父组件
this.$emit("update:search_keyword", false);//子组件传值给父组件
this.$parent.view();//子组件调用父组件方法