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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM