layui调用子页面方法

2025-03-21 16:33:14

1、双击打开HBuilderX开发工具,创建项目并新建页面,引入layui相关的文件

layui调用子页面方法

2、在<body></body>标签中,插入一个form标签,然后插入两个输入框和两个按钮

layui调用子页面方法

3、接着再新建一个页面文件son.html,定义方法showUser

layui调用子页面方法

4、在script标签中,调用layer;定义对象obj,然后创建函数show

layui调用子页面方法

5、在提交按钮上,添加属性data-type,设置为show

layui调用子页面方法

6、再添加属性btn,绑定提交按钮点击事件,并在确定按钮绑定,调用子页面中的方法

layui调用子页面方法

7、保存代码并运行页面文件,打开浏览器,点击确定按钮并查看控制台打印结果

layui调用子页面方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢