在页面中用函数打开一个对话窗口dialog（Element + Vue）

最新推荐文章于 2024-08-18 18:30:07 发布

Ai卿

最新推荐文章于 2024-08-18 18:30:07 发布

阅读量2k

点赞数

分类专栏： Element+Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42307369/article/details/104377156

版权

本文介绍如何在Vue.js项目中使用Element组件库创建一个对话窗口dialog，并通过函数传递参数，例如amountmoney，实现在点击按钮时打开含有特定id的记录页面。

摘要由CSDN通过智能技术生成

1、先在template写<el-dialog></el-dialog>然后配置属性

<template>

<el-dialog :title="amountmoneyTitle" :modal-append-to-body="false" :visible.sync="amountmoneyVisible" :width="dialogwidth+'px'"
           :fullscreen="true" :close-on-click-modal=false :modal=false style="margin: 104px 0px 0px 201px;" center @closed="dialogClose"
           :destroy-on-close="true">
  <amountmoney ref="amountmoney" :setCustId="custId" ></amountmoney>
</el-dialog>