Layui 親ページが子ページ、オブジェクトに値を渡す

Layui の親ページから子ページに値を渡す

Layuiの親ページから子ページに値を渡す方法は色々ありますが、個人的にはこれが比較的便利だと感じています。

• 親ページのコード

	var index = layer.open({
    
    
         type: 2,
         title: '编辑用户',
         content: '/userUpdate',
         area: ['100%', '100%'],
         success: function(layero, index){
    
    
	         var iframe = window['layui-layer-iframe'+index];
	         //调用子页面的全局函数
	         iframe.child(需要往子页面传的值)
         }
   	});

上記のコードは誰でも理解できると思います。これが成功したコードです。多くの人が 2 番目のステップで間違いを犯します。Child はサブページのグローバル関数です。忘れないでください。多くの人は iframe.child は関数ではありません。この理由によって引き起こされる

ふたつのやり方

1. サブページのコード。子はグローバル関数である必要があることに注意してください。

function child(data) {
    
    
    console.log(data)
}

2. layui.use()内であれば次のように書けます

layui.use(['form', 'laydate', 'element'], function (obj) {
    
    
      var form = layui.form, element = layui.element 

      window.child= function(e) {
    
    
        let obj = JSON.parse(JSON.stringify(e.data))  //接收一个对象，不转form.val()无法渲染
        form.val('layui-detail',obj);      //渲染表单
      }
      
})

お役に立った場合は、「いいね！」を忘れないでください。！！