關於layui父子頁面傳值

2021-09-03 02:36:11 字數 1110 閱讀 6750

近期因為專案原因使用layui框架在做乙個pc端管理專案,作為剛開始接觸layui框架,難免會無限踩坑,踩坑,踩坑,現將踩過的坑都記錄一下,藉此表示本人到此坑一遊

js 父頁面給子頁面傳參方法:

//給子頁面傳值,editinte***ceparams為傳遞給子頁面的引數名,子頁面根據該引數名來獲取傳遞的引數值

editinte***ceparams=obj.data;

layer.open({

title:"介面編輯",

type: 2,

area: admin.screen() < 2 ? ['80%', '300px'] : ['800px', '660px'],

fixed: false,

maxmin: true,

content: layui.setter.base + 'views/inte***ce/editinte***ce.html'

注:在定義給子頁面傳值時的變數名要使用 var 來定義,類似於把需要傳遞的引數變為全域性引數放入window內

子頁面獲取父頁面引數:

//獲取父頁面引數

var parentdata=parent.editinte***ceparams;

console.log(parentdata);

子頁面通過使用   parent.父頁面傳遞引數名   來獲取父頁面引數。

子頁面給父頁面傳參:

//子頁面給父頁面傳參

parent.selectinte***cemap = parentmap;

子頁面給父頁面傳參可以效仿獲取父頁面引數的方法,使用parent.引數名=引數 的方法將引數設為全域性,然後父頁面獲取

該方法雖然能解決傳參問題,但也有其不足之處。

1、如果做多個頁面傳參則需要定義多個引數名賦值引數,這樣會很亂,所以在定義引數名稱時需要區別好功能做定義

2、如果是傳遞的map或集合,在子頁面做操作時會同步的修改父頁面定義傳子頁面的map或集合,這時候需要在子頁面重新定義乙個物件,然後將父頁面傳遞的集合或map引數遍歷賦給子頁面定義的物件內。

iframe父子頁面傳值

一,js操作父子頁面 1 父頁面操作子頁面 iframe的name.window.say 引數 呼叫子頁面的方法 iframe的name.document.getelementbyid button value 引數 呼叫子頁面的屬性 1 子頁面操作父頁面 parent.say parent.win...

iframe父子頁面傳值

iframe是乙個可以直接引用網頁鏈結的框架,在寫頁面邏輯時,往往會遇到子頁面邏輯和父頁面邏輯的溝通。iframe的父子網頁可以通過相互呼叫對方的方法,來達到邏輯互動的效果 1.父呼叫子的方法 iframe 0 contentwindow.sonmethod 2.父獲取子中的元素 iframe co...

父子頁面傳值和子兄弟頁面傳值

前言 我是用的layer彈出框整的layer父子頁面 父 子 子 父 子彈窗給父頁面元素賦值 parent.parentinput val 這是從彈窗傳遞過來的資料 子彈窗呼叫父頁面方法 window.parent.childinvokermethod 子彈窗獲取父頁面元素的值 window.par...