vue实现点击按钮，弹出对话框

父组件：

html:

<el-button @click="uploadDataFile=true">数据上传 </el-button>

js:

import UploadData from '../component/uploadData'

export default {

components: {

UploadData,

}

子组件：

html:

<el-dialog title="数据上传" :visible.sync="uploadDataFile" width="30%" :before-close="closeDialog"

custom-class="cloudBody">

<el-form :model="form">

<el-form-item label="数据名称" label-width="80px">

<el-input v-model="form.dataName" autocomplete="off"></el-input>

</el-form-item>

</el-form>

<el-button @click="closeDialog" class="btn">取消</el-button>

<el-button type="primary" @click="submit" class="btn">确定</el-button>

</div>

</el-dialog>

js:

props: ['uploadDataFile'],

methods:{

//关闭对话框

closeDialog () {

this.$emit('closeDialog')

//点击确定按钮

submit () {

this.$emit('closeDialog')

console.log('提交成功')

}

vue实现点击按钮，弹出对话框相关推荐

HTML点击按钮弹出对话框（仅代码）
HTML点击按钮弹出对话框的代码(整个网页): <!doctype html> <html> <head><title>无标题文档</title& ...
Qt之点击PushButton弹出对话框
Qt之点击PushButton弹出对话框概述: 代码示例: .h .cpp 运行效果图: over: 文末一句话: 概述: 在日常项目中会经常遇到点击按钮弹出对话框,今天分享个简单示例: 1.需要包 ...
HTML中弹窗中加入图片,javascript里怎么实现点击图片弹出对话框？
JavaScript中可以使用document.getElementsByTagName方法后去img标签,然后遍历所有img标签并为其添加点击事件实现点击弹出对话框. JavaScript实现点击图 ...
html点击图片产生事件,javascript里怎么实现点击图片弹出对话框？
JavaScript中可以使用document.getElementsByTagName方法后去img标签,然后遍历所有img标签并为其添加点击事件实现点击弹出对话框. JavaScript实现点击图 ...
微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮弹出底部上拉菜单功能示例...
本文实例讲述了微信小程序实现的点击按钮弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消提示:您选择了菜单{ ...
C# 点击按钮弹出文件选择框
点击按钮弹出文件选择框: // 文件选取这里只允许txt文件private void button1_Click(object sender, EventArgs e){OpenFileDialog ...
【签名】点击按钮弹出签名框,保存成图片,并显示出来
js实现点击按钮弹出签名框(不一定在最下面弹出!) 使用app.js和signature_pad.js生成签名框和保存成图片,此处都是在body的最底部生成img标签: function downlo ...
html 弹窗之后页面变灰色,html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以...
html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以 2011-06-10 18:22阅读: 孑孓努力搬砖,养老婆孩子. 关注 function showid(idname){ var ...
uni-app点击按钮弹出提示框
uni-app点击按钮弹出提示框点击事件 <view class="footerbotom_button" @click="ajp">立即支付&l ...
[QT]实现点击按钮弹出图片的效果
点击按钮弹出图片的实现 void MainWindow::btnTest() {QLabel* labelImage = new QLabel(this, Qt::Dialog |Qt::Window ...

vue实现点击按钮，弹出对话框

vue实现点击按钮，弹出对话框相关推荐

最新文章

热门文章