首页 > 其他分享 >vue3+elment-plus项目,el-diglog的按钮,内部是el-form的子组件,那么保存时,如何触发子组件的form表单提交

vue3+elment-plus项目,el-diglog的按钮,内部是el-form的子组件,那么保存时,如何触发子组件的form表单提交

时间:2024-02-22 17:46:35浏览次数:38  
标签:el form 触发 表单 diglog 组件

问题:el-diglog的按钮,如何触发内部的form表单提交

el-dialog是父组件,cengji是子组件
代码如下:

<el-dialog v-model="dialogVisible" title="层级结构管理" width="1000" >
      <cengji :tableId="tableId" />
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="dialogVisible = false">取消</el-button>
          <el-button type="primary" @click="dialogVisible = false">
            确定
          </el-button>
        </div>
      </template>
    </el-dialog>

思考展开

1.父组件如何触发子组件的事件
2.提交的代码,写再子组件,还是父组件中

尝试答案

https://www.cnblogs.com/yuzhongyu/p/10825824.html

标签:el,form,触发,表单,diglog,组件
From: https://www.cnblogs.com/cn-oldboy/p/18027828

相关文章

  • Python处理Word,Excel,PDF
    openpyxl模块处理Excel表安装以下命令意思是:指定D盘下的Python解释器用豆瓣的源安装openpyxl模块D:\PycharmProjects\Study\venv\Scripts\python.exe-mpipinstallopenpyxl-ihttp://pypi.douban.com/simple--trusted-host=pypi.douban.com基本概念openpyxl库有三大模......
  • el-date-picker 限制30天
    <el-date-pickerv-model="dateRange"size="small"style="width:240px"value-format="yyyy-MM-dd"type="daterange"......
  • delphi7农历日历控件安装使用。
    链接:https://pan.baidu.com/s/1-ZJFRMT2z5_kti0LX7bHCw提取码:2anv  Delphi7在File菜单下,选择”OPEN…”打开ChnCalendars.dpk文件    ......
  • laravel 发送email 七牛附件
    useIlluminate\Support\Facades\Mail;useQiniu\Auth;privatestaticfunctionsendPdfEmailAnnex($path,$user){$auth=newAuth(env('QINIU_ACCESS_KEY'),env('QINIU_SECRET_KEY'));$expiry=3600;//有效期,单位:秒......
  • python 和shell 变量互相传递
    主要介绍python和shell变量互相传递方法,使用了环境变量、管道等方法。python->shell:1.环境变量importosvar=123或var='123'os.environ['var']=str(var)#environ的键值必须是字符串os.system('echo$var')2.字符串连接importospath='/root/a.txt'var=[1......
  • LM Studio装载模型时提示:You have 1 uncategorized model files
    使用LMStudio载入已经下载的模型的时候报错: 当前本地模型路径是默认的models路径,模型文件在models下面。 解决办法:在models目录下新建目录:Publisher\Repository即: 将模型文件移动到Repository中,重启LMStudio即可。......
  • 关于uni-easyinput组件的获焦和失焦
    问题描述此组件的获焦和失焦事件,在第一次执行获焦方法后,主动点击失焦。然后再执行获焦方法,会发现本次的获焦方法未生效。流程如下<uni-easyinputref="inputElem"v-model="value"/>constinputElem=ref(null)//step1、第一次执行获焦方法。结果:生效,成功获焦inputElem.va......
  • 多个form表单同时校验
    1.新建mulitipleFormValid.js/***多个表单同时校验*@param{*}formRefs*@returns*/constvalidateForms=(formRefs)=>{letobjectList=[];letresults=formRefs.map(formRef=>newPromise((resolve,reject)=>{formRef.validate......
  • docker-compose 安装部署ElasticSearch 和 Kibana 8.8.1
    docker-compose安装部署ElasticSearch和Kibana8.8.1一、容器编排脚本(docker-compose.yml)version:"3.1"#服务配置services:elasticsearch:container_name:elasticsearch-8.8.1image:docker.elastic.co/elasticsearch/elasticsearch:8.8.1#用来给容......
  • el-form表单使用pattern自定义校验规则
    //正则校验的正则表达式,这里注意正则表达式中的‘\’要使用‘\\’转义constpatterns={"name":"^[a-zA-Z_][0-9a-zA-Z_]{0,}$","tel":"^1[2-9]\\d{0,}$","email":"^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-......