layui中iframe彈出層事件給父級填入資料

阿新 • • 發佈：2020-12-30

技術標籤：javascript

如在父級中有個input標籤在子級中選擇後會自動填入，如下寫法

  $('#te').click(function () {

              parent.document.getElementById('keyword').value='6849';

            })

這樣在子級點選的時候會在父級填入資料

技術標籤：javascript 問題：在使用iframe彈框層時，在iframe觸發事件，在父級填入資料解決：能夠在iframe中尋找到父級的dom並填入資料

需求：點選按鈕->彈出iframe窗體->在iframe中的列表中選區需要的使用者條目->確認並關閉窗體->在父級窗體中顯示剛才選取的使用者（重新整理）。

1 <template> <div class=\"home\">

//content屬性要寫在一行,有可能會遇到點選確定按鈕不好使的情況那就換成 content: ‘

Layui表格及彈出層顯示錶格、表格、彈出層、彈出層表格、表格彈出表格、彈出框表格顯示

我的彈出層是這樣定義的：　　它的屬性為display：none <div id=\"divlayer\" style=\"display:none\">

我就廢話不多說了，大家還是直接看程式碼吧~ <template> <div class=\"page\">

技術標籤：自用layui if (parent.$(\'div[class="layui-layer-btn layui-layer-btn-"]\').children().size() > 2) {

此處使用的是vant框架解決聚焦問題這裡遇到的問題是，在點選搜尋框後，設定了彈起的彈出層中van-search 的foucs值為true

<a-drawer :title=\"myTitle\" placement=\"right\" :visible=\"visible\" @close=\"onClose\" width=\"720\"

layer.open({ type: 2,//Layer提供了5種層型別。可傳入的值有：0（資訊框，預設）1（頁面層）2（iframe層）3（載入層）4（tips層）

關於layui 彈出層一閃而過就消失的解決方法今天為大家分享一篇關於layui 彈出層一閃而過就消失的解決方法，具有很好的參考價值，希望對大家有所幫助

layui彈出層：使用icon圖示小結 Layui 踩坑篇layui的彈框外掛layer中，有很多不同場景需要的彈框icon圖示，今天小結一下，方便以後使用；

layui之彈出層關閉和重新整理問題本篇文章是根據本人實際開發的例子來講的，不一定適用各位看官的情況

一、手機版本問題，大多數文章沒有涉及這個點，導致他們的程式碼並無法正常使用

本文例項講述了jquery+css3實現的彈出層效果。分享給大家供大家參考，具體如下：

本文例項為大家分享了微信小程式實現彈出層效果的具體程式碼，供大家參考，具體內容如下

模組載入名稱：layer，layer獨立元件官網：layer.layui.com layer可以獨立使用，也可以通過Layui模組化使用。按照實際需求來選擇。只使用layer，你可以去layer獨立元件官網下載元件包。你需要在你的頁面引入jQuery1.

一、效果圖二、實現程式碼 <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\">