使用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");
      }
})
复制代码

 

posted @   James·wang  阅读(1632)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2015-05-07 C# Dictionary通过value获取对应的key值[转发]
点击右上角即可分享
微信分享提示