在使用Layui框架时，弹出框功能是开发中常见的需求之一。当我们需要在弹窗加载完成后触发接口请求时，可以通过监听弹窗的`loaded`事件来实现这一功能。以下是一个简单实用的小技巧！

首先，在创建弹窗时可以定义一个回调函数，确保弹窗完全渲染后再执行接口调用。例如：

```javascript

layer.open({

type: 1, // 弹窗类型

title: '接口调用示例',

content: $('myContent'), // 弹窗内容

success: function(layero, index) {

console.log('弹窗已渲染完成');

// 在这里调用接口

$.ajax({

url: '/api/example',

method: 'GET',

success: function(res) {

console.log('接口数据:', res);

}

});

}

});

```

💡 小贴士：success回调会在弹窗DOM结构渲染完成后触发，非常适合用于初始化或动态加载数据。这样既能保证用户体验流畅，又能避免因接口未准备好而导致的问题。

通过这种方式，我们可以轻松实现弹窗与接口的无缝衔接，提升项目的交互体验！🌟

Layui 前端开发 弹窗技巧