vue：表单在子组件（父页面中添加子组件，提交按钮在父组件）怎么处理

最新推荐文章于 2024-05-07 01:53:44 发布

前端小云儿

最新推荐文章于 2024-05-07 01:53:44 发布

阅读量688

点赞数

分类专栏：前端静态页面以及逻辑文章标签： vue.js

本文链接：https://blog.csdn.net/jieweiwujie/article/details/128582215

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 14 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <div style="margin: 20px">
    <h3>form父页面中添加子组件，提交按钮在父组件</h3>
    <formChild ref="formChild" :formInline="formInline"></formChild>
    <el-button @click="clickHome">clickHome</el-button>
  </div>
</template>
<script>
import formChild from "./formChild.vue";
export default {
  data() {
    return {
      formInline: { name: "", where: "" },
    };
  },
  components: { formChild },
  methods: {
    clickHome() {
      this.$refs.formChild.submitFormFather((isPassFlag, ruleForm) => {
        if (isPassFlag) {
          const data = {
            ...ruleForm,
          };
          //调用方法
          this.axiosFun(data);
        } else {
          return false;
        }
      });
    },
    axiosFun(data) {
      //调用接口或其他方法
      console.log(data);
    },
  },
  watch: {},
  mounted() {},
  crea

了解本专栏