首页 > 其他 > 详细

使用layer.open打开一个框架页面执行成功回调时,怎么向父页面的Vue传值且能动态绑定数据?

时间:2020-05-07 19:50:05      阅读:298      评论:0      收藏:0      [点我收藏+]

父页面主要数据:

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");
      }
})

 

使用layer.open打开一个框架页面执行成功回调时,怎么向父页面的Vue传值且能动态绑定数据?

原文:https://www.cnblogs.com/firstcsharp/p/12845097.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!