vue实现调用showModalDialog传递参数

sunyin.liu 已于 2022-05-23 11:21:01 修改
阅读量382 收藏
点赞数
分类专栏： Vuejs 文章标签： vue.js javascript ecmascript
于 2022-05-16 17:18:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/weixin_42066070/article/details/124803830
版权

需求分析

在当前页面打开一个别的网站的界面并可以传递数据到这个页面上，效果如下图

 实现步骤

1.在vue的public文件夹里创建一个sendImage.html文件，作为过度页面，处理跨域请求的问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--    <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>Document</title>
</head>
<script type="text/javascript">

    window.onload = functio
了解本专栏 订阅专栏 解锁全文 超级会员免费看
sunyin.liu
关注 关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
window.showModalDialog参数传递中含有特殊字符的处理方法
09-05
程序运行出错经，过检查发现传递的数据中出现了#等特殊字符，浏览器只取到#号前面的数据，后面的被截断，下面为大家介绍下正确的处理方法
Vue中el-dialog弹窗的父子组件传值
热门推荐
lalaladamowang的博客
06-16 1万+
Vue弹窗的父子组件传值父传子子传父 父传子 父传值就直接在引用的组件中通过props传递就可以了，这里传递手机号码和控制弹窗的dialogVisble。 父组件代码 引入组件及点击按钮传递visble 子组件代码 只要在props中接受就可以使用了 效果图： 这里是传递了控制弹窗的visble和手机号码，在关闭弹窗的时候子组件要把visble重新传递给父组件。 子传父 子传父用的是自定义点击事件 父组件代码： <test-dialog :dialogVisble="Visble" @c
showModalDialog介绍,用法
07-02 315
基本介绍：          showModalDialog()                            (IE 4+ 支持)          showModelessDialog()                      (IE 5+ 支持)          window.showModalDialog()              方法用来创建一个显示HTML
前端笔记(6) Vue3 dialog弹窗 父子组件之间传值及方法调用
Java Spring Elasticsearch
08-04 1万+
实际开发中，都是用单文件组件，那组件之间传值和调用方法是最常见的功能。传参的方式有很多，比如props、emit、provide和inject。在学习组件之间传值之前，需要了解下模板ref。使用defineExpose()暴露方法，别的组件才能调用...
Vue父子页面传递参数（一）
weixin_54249306的博客
09-11 733
自主定义内容实现Vue父子页面参数传递
vue调用本地摄像头实现拍照功能
10-14
主要介绍了vue调用本地摄像头实现拍照功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
使vue实现jQuery调用的两种方法
10-17
主要介绍了使vue实现jQuery调用的两种方法 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
VUE组件间参数传递样例
01-17
VUE 组件间参数传递样例
Vue页面跳转传递参数及接收方式
10-14
主要介绍了Vue页面跳转传递参数及接收方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用Vue实现调用接口加载页面初始数据
12-13
闲着没事写了一个电影推荐的网页，很简单，使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'', pic:'', actor:'', detail:'', link:'' }, mounted:function () { this.getMovie(); ...
Vue前端判断数据对象是否为空的实例
10-14
主要介绍了Vue前端判断数据对象是否为空的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅谈JavaScript窗体Window.ShowModalDialog使用
11-20
Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框，由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态
JS 弹出对话框window.showModalDialog（）
12-20
JS 弹出对话框window.showModalDialog，级联方式，可以返回传值给页面
在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题
03-01
NULL 博文链接：https://crabdave.iteye.com/blog/269954
bootstrap模态弹出框学习笔记（1-9 模态弹出框--模态弹出窗的使用（data-参数说明））
hellochenlu的博客
01-04 2273
除了通过data-toggle和data-target来控制模态弹出窗之外，Bootstrap框架针对模态弹出框还提供了其他自定义data-属性，来控制 模态弹出窗。比如说:是否有灰色背景modal-backdrop，是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明 如下所示： 模态弹出窗的使用 通过data-target触发
vue3通过elementui实现dialog弹出页面并传参
CONNAN384的博客
12-10 5146
初学者，看网上大段大段脑壳痛，自己尝试写了一个简简单单的 父组件 <template> <div class="home"> <el-button @click="btnAdd">添加用户</el-button> <el-dialog v-model="visible" title="添加用户"> <post-refused-detail @yourself='myself' :msg='msg'></
通过弹窗组件，谈父子组件传参
the_bit的博客
10-31 857
组件传参，ref，弹窗，vue2.0
Bootstrap一个页面多个model层，Bootstrap 的模态框带参传多个值
UserGuan的博客
08-03 2931
Bootstrap一个页面多个model层 Bootstrap 的模态框带参传多个值 一、使用 onclick 传值方式 二、使用自定义的data-变量 传值方式 Bootstrap一个页面多个model层 <button type="button" class="btn btn-block btn-success btn-flat" data-toggle=......
vue helloworld.vue 点击按钮弹出 dialog,并给dialog传值
最新发布
tenc1239的博客
08-22 1421
【代码】vue helloworld.vue 点击按钮弹出 dialog,并给dialog传值。
vue的跳转页面传递参数
07-30
在Vue中，可以通过不同的方式进行页面跳转并传递参数。一种常见的方式是使用路由参数传递。在当前组件中，可以使用`$.router.push`方法进行跳转，并通过`query`参数传递参数。目标组件可以通过`route.query`来接收...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

分类专栏

  • vue3.x 付费 12篇
  • uniapp 付费 21篇
  • iview 付费 26篇
  • Vuejs 付费 68篇
  • Typescript 1篇
  • node.js 1篇
  • c 1篇
  • 操蛋的人生 1篇
  • 刘媛媛 11篇
  • java 1篇
  • javascript 21篇
  • oop 1篇
  • HTTP 2篇

最新评论

  • u-action-sheet 数据超出自动滚动

    sunyin.liu: 可算解决了

  • 程序员兼职踩到的坑，本人亲身经历

    sunyin.liu: 有，加我vx

  • 程序员兼职踩到的坑，本人亲身经历

    sunyin.liu: 有，加我wx

  • 程序员兼职踩到的坑，本人亲身经历

    2301_79323476: 有档期吗？

  • 程序员兼职踩到的坑，本人亲身经历

    2301_79323476: 有项目开发

您愿意向朋友推荐“博客详情页”吗？

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • uniapp套壳打包成apk
  • uniapp播放 m3u8格式视频 兼容pc和移动端
  • uniapp vue-seamlesss-croll组件第二次图片消失问题
2024年1篇
2023年21篇
2022年73篇
2021年14篇
2019年21篇
2018年2篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sunyin.liu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或 充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值

聚圣源都市之至尊战神李代桃僵的意思谷姓女孩起名字吗火星救援迅雷下载女孩姓方起名大全骄傲男孩紫色代表什么上下联怎么区分首尔蚕室室内体育馆弯腰捧腹网上怎么起名字吗记忆之城电视剧宝宝起名软件注册码周易起名网免费取名打分100分环氧地坪开公司起名字起名网免费 免费武姓起名小饭店起个哪个名字装饰公司起名字大全有什么名字别树一帜颐源居高尔夫杂乱无章造句十宗罪1大道理四级多少分才算过了?带水火的名字男孩起名生肖猴起名宜忌元卿凌宇文皓最新免费阅读东营起名哪里好给家居起什么名字好听淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男孩疑遭霸凌 家长讨说法被踢出群国产伟哥去年销售近13亿网友建议重庆地铁不准乘客携带菜筐雅江山火三名扑火人员牺牲系谣言代拍被何赛飞拿着魔杖追着打月嫂回应掌掴婴儿是在赶虫子山西高速一大巴发生事故 已致13死高中生被打伤下体休学 邯郸通报李梦为奥运任务婉拒WNBA邀请19岁小伙救下5人后溺亡 多方发声王树国3次鞠躬告别西交大师生单亲妈妈陷入热恋 14岁儿子报警315晚会后胖东来又人满为患了倪萍分享减重40斤方法王楚钦登顶三项第一今日春分两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人？周杰伦一审败诉网易房客欠租失踪 房东直发愁男子持台球杆殴打2名女店员被抓男子被猫抓伤后确诊“猫抓病”“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火男孩8年未见母亲被告知被遗忘恒大被罚41.75亿到底怎么缴网友洛杉矶偶遇贾玲杨倩无缘巴黎奥运张立群任西安交通大学校长黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发妈妈回应孩子在校撞护栏坠楼考生莫言也上北大硕士复试名单了韩国首次吊销离岗医生执照奥巴马现身唐宁街 黑色着装引猜测沈阳一轿车冲入人行道致3死2伤阿根廷将发行1万与2万面值的纸币外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万手机成瘾是影响睡眠质量重要因素春分“立蛋”成功率更高？胖东来员工每周单休无小长假“开封王婆”爆火：促成四五十对专家建议不必谈骨泥色变浙江一高校内汽车冲撞行人 多人受伤许家印被限制高消费

聚圣源 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化