使用layer.open打开一个框架页面执行成功回调时,怎么向父页面的Vue传值且能动态绑定数据?
父页面主要数据:
var vueObj = new Vue({ el: '#feedbackList', data: { feedList:[] }, methods: { loadFeedback: function () { var jsonStr = $("#newData").val() var json = JSON.parse(jsonStr); this.feedList.unshift(json); } } }) <div id="feedbackList" style="padding:20px 10px "> <input type="hidden" id="newData" v-on:click="loadFeedback()"/> <div class="row-fluid" v-for="item in feedList"> <div class="span12"> ... </div> </div> </div>
弹出层框架页面窗口主要数据:
1)复杂嵌套框架情况下使用:
$.Save({ url: "../../Manage/Feedback/Save?keyValue=...", param: postData, loading: "正在保存数据 ...", successMsg: "保存成功!", success: function () { if (keyValue) { var $obj; if (fromTarget == "workorder") $obj = window.top.frames['EmpDetail']; else $obj = $.currentIframe().frames['layui-layer-iframe' + index]; var jsonStr = '{"Attment":\"' + postData["Attac"] + '\","Content":\"' + postData["Content"] + '\","CreateTime":\"' + addTime + '\","CreateUserName":""}'; $obj.$("#newData").val(jsonStr); $obj.$("#newData").trigger("click"); } else { $.currentIframe().reload(); } } })
2)一般框架下使用:
$.Save({ url: "../../Manage/uts/Save", param: { "list":postData }, loading: "正在保存数据...", successMsg: "保存成功!", success: function () { var obj = window.parent; obj.$("#newData").val(JSON.stringify(postData)); obj.$("#newData").trigger("click"); } })
微信号:jamesworkshop 学习QQ群:364976091
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
2015-05-07 C# Dictionary通过value获取对应的key值[转发]