alpineJs子父页面参数传递的实例[弹窗页面参数传递]

2023-01-06 40.53w热度

弹出层页面值传递（用的是layer插件）

```
let dd = {
	name:222,
	age:333
}
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index) //关闭父级弹窗
window.parent.myFunInit().getData(dd);
```

父页面接受参数
```
function myFunInit(){
    return {
        contentid : "{:request()->get('contentid')}" ,
        document_id : "{:request()->get('document_id')}" ,
        title:'' //文档标题
        ,active:0
        ,pid:'' //菜单的展开和关闭判断
        ,menu:{}
        ,currentItem:{} //当前操作的item
        ,showRightClick:false
        //定义 x-init 的初始化函数
        ,getMenuInit(){
            fetch("{:url('getMenu')}",
                {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({
                        contentid:this.contentid,
                        document_id:this.document_id
                    })
                }
            )
                .then(response=>response.json())
                .then(data =>{
                    this.menu = data.menu
                    this.pid = data.pid
                    this.title = data.menu[0].title
                })
        }
        
        ,getData(obj){
            console.log(obj)
        }

}
}
```

注:原创不易,转载请注明出处( https://micuu.com/new/3181.html?special=3093 )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。

最后修改与 2023-01-06

alpineJs子父页面参数传递的实例[弹窗页面参数传递]

留言反馈