zoukankan      html  css  js  c++  java
  • 使用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");
          }
    })
  • 相关阅读:
    ArcGIS API 之 MapPoint & MultiPoint
    前台特效(6) 折叠栏目(动画效果)
    网站开发人员应该知道的61件事[转载]
    前台特效(1)鼠标改变透明度
    php 常用字符编码转换函数整理
    php导入sql文件
    前台特效(3) 编辑表格
    前台特效(2)回到顶部
    时间函数strtotime
    前台特效(4) 悬浮移动窗口(悬浮广告)
  • 原文地址:https://www.cnblogs.com/firstcsharp/p/12845097.html
Copyright © 2011-2022 走看看