huangyongxing310
- 浏览: 494122 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- <script src="../../../miniui/scripts/jquery-1.11.1.min.js"
type="text/javascript"></script> -->
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="TestC002.js"></script>
<!--<script src="asideMenu.js"></script>-->
<!-- <script src="TestD.js"></script> -->
</head>
<body>
<div id="app">
<el-button type="text" @click="open()">点击打开 Dialog</el-button>
<runoob :name="name" :sex="sex"></runoob>
</div>
<!--<div>-->
<!--<el-dialog-->
<!--title="提示"-->
<!--:visible="show"-->
<!--size="tiny"-->
<!--:before-close="handleClose">-->
<!--</el-dialog>-->
<!--</div>-->
</body>
</html>
<script type="text/javascript">
var temp = `
<div>
<el-dialog
title="提示"
:visible="show"
size="tiny"
:before-close="handleClose" >
<!--<div v-html="Url"></div>-->
<iframe :src="Url" width="100%" height="100%"
style="border: 0px;"></iframe>
</el-dialog>
</div>
`;
// 创建构造器
var dialog = Vue.extend({
template : temp,
data : function () {
return {
show : true,
name : "nameTets",
Url : "html001.html",
sex : "sss"
}
},
methods : {
handleClose : function () {
console.log("el-dialog.handleClose");
var data = {name : this.name, show : this.show};
this.getDataFun(data);
console.log(" this.getDataFun(data); end");
this.show = false;
this.$el.remove()
this.$destroy()
},
}
});
Vue.prototype.$dialog = function (model, getData) {
var $dialog = new dialog();
$dialog.getDataFun = getData;
// model.show = true;
// $Profile.model = model;
document.body.appendChild($dialog.$mount().$el);
};
var vm = new Vue({
el : '#app',
data : {
show : true,
name : "nameTets",
sex : "sss"
},
methods : {
open : function () {
vm.$dialog(true, function (date) {
console.log("getData;");
console.log(" vue getData;");
console.log(date);
});
},
// getData :
}
})
</script>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- <script src="../../../miniui/scripts/jquery-1.11.1.min.js"
type="text/javascript"></script> -->
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="TestC002.js"></script>
<!--<script src="asideMenu.js"></script>-->
<!-- <script src="TestD.js"></script> -->
</head>
<body>
<div id="app">
<el-button type="text" @click="open()">点击打开 Dialog</el-button>
<runoob :name="name" :sex="sex"></runoob>
</div>
<!--<div>-->
<!--<el-dialog-->
<!--title="提示"-->
<!--:visible="show"-->
<!--size="tiny"-->
<!--:before-close="handleClose">-->
<!--</el-dialog>-->
<!--</div>-->
</body>
</html>
<script type="text/javascript">
var temp = `
<div>
<el-dialog
title="提示"
:visible="show"
size="tiny"
:before-close="handleClose" >
<!--<div v-html="Url"></div>-->
<iframe :src="Url" width="100%" height="100%"
style="border: 0px;"></iframe>
</el-dialog>
</div>
`;
// 创建构造器
var dialog = Vue.extend({
template : temp,
data : function () {
return {
show : true,
name : "nameTets",
Url : "html001.html",
sex : "sss"
}
},
methods : {
handleClose : function () {
console.log("el-dialog.handleClose");
var data = {name : this.name, show : this.show};
this.getDataFun(data);
console.log(" this.getDataFun(data); end");
this.show = false;
this.$el.remove()
this.$destroy()
},
}
});
Vue.prototype.$dialog = function (model, getData) {
var $dialog = new dialog();
$dialog.getDataFun = getData;
// model.show = true;
// $Profile.model = model;
document.body.appendChild($dialog.$mount().$el);
};
var vm = new Vue({
el : '#app',
data : {
show : true,
name : "nameTets",
sex : "sss"
},
methods : {
open : function () {
vm.$dialog(true, function (date) {
console.log("getData;");
console.log(" vue getData;");
console.log(date);
});
},
// getData :
}
})
</script>
分享到：
发表评论
-
defineProperty Array push 监听
2020-10-31 15:16 462<!DOCTYPE html> <html ... -
vue 基本操作
2019-12-30 21:29 318vue 基本操作 -
vue 实现文件下载
2018-12-22 10:16 14367vue 实现文件下载 https://forum.vue ... -
Vuex store
2018-12-20 16:31 772Vuex 一个 store 有四个属性：state， ge ... -
Vue 开发总结
2018-10-15 16:53 416Vue 开发总结 Vue是一个对象（还没有实例化） ... -
VueJS 基础
2018-06-01 09:56 445VueJS 基础 所有的 Vue 组件都是 Vue 实例 ...
相关推荐
1基于蓝牙的项目开发--蓝牙温度监测器.docx
AppDynamics：性能瓶颈识别与优化
xtrabackup银河麒麟v10rpm安装包
2024年全球产品经理大会（脱敏）PPT合集，共34份。 1、AI 原生产品设计的 7 个反共识 2、AI 时代的策略产品与内容社区推荐实践 3、AI时代的用户界面设计 4、AI智能陪练：大模型赋能销售成长 5、AI浪潮中的应用主义者 6、AI驱动下的B端产品的思考与创新 7、AI驱动业务增长的探索与实践 8、Al Native 生产力工具的发展、价值与商业落地 9、B端产品设计避坑指南 10、GenAl驱动的xGen电商AI平台产品实践与思考 11、Kwaipilot 在快手的落地实践 12、OPPO AI的探索新交互到新生态 13、RPA + AI打造大模型驱动的领先数字员工 14、产品AI化重塑的思考与实践 15、产品分析：通过关键指标助力团队与企业成功 16、从RPA到Al Agent，高价值、可落地的智能助手 17、从流量运营到AI驱动的机器增长 18、做穿越时代的产品 19、创造好工具，创造世界一流产品力 20、医疗健康场景的大模型产品探索 21、即时零售柔性供应链体系建设与AIGC在零售数字化的探索 22、向量数据库的出海实践与未来展望 23、大模型在B端落地思考实践
基于物联网技术的停车场智能管理系统设计用户有单独APP
Adobe XD：AdobeXD高级技巧与最佳实践.docx
ARKit（iOS的增强现实）：ARKit的多人AR场景实现
1python自动化脚本.docx
河北省、市、区县及街镇可编辑SVG图
金融工程之量化交易算法：均值回归：时间序列分析与预测.docx
技术资料分享ADV7123非常好的技术资料.zip
Sawmill_cn.ppt
使用LabVIEW输入数字n，然后计算n的阶乘
1无人值守灌溉系统--stm.docx
金融工程之量化交易算法：动量交易：金融数据获取与处理.docx
基于SSM的毕业设计源码
头像图片调试使用用来调试
GITS_sawmill8.5.8.1_x64_linux-ubuntu11.tar.gz
Newspaper 是一个专为新闻、杂志和内容丰富网站设计的 WordPress 主题。它非常适合博客、在线出版和内容展示，具备多种强大功能。以下是 Newspaper 的主要特点： 响应式设计：确保网站在各种设备上（手机、平板、桌面）都能良好显示，优化用户体验。 丰富的预建模板：提供多个专业设计的预建布局和页面模板，用户可以快速导入并根据需求进行修改。 强大的页面构建器：内置的 TagDiv Composer 允许用户通过拖放功能轻松创建和自定义页面，无需编写代码。 SEO 优化：主题经过优化，有助于提升网站在搜索引擎中的排名，增加流量。 多种内容展示选项：提供多种文章格式和布局选项，如网格、列表、视频和画廊，方便展示不同类型的内容。 社交媒体集成：支持社交媒体分享功能，帮助用户轻松与观众互动并提高网站的曝光度。 实时自定义：支持实时预览功能，用户可以在更改设置时即时查看效果。 持续更新和支持：定期更新主题，确保用户获得最新功能和安全性，同时提供专业的技术支持。
国内市场：功能化脂质市场现状研究分析与发展前景预测报告（2024版）.docx