Layui的使用

原创已于 2023-04-07 15:02:47 修改 · 302 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript

于 2023-03-08 11:56:34 首次发布

该代码示例展示了如何使用data-type属性为按钮绑定事件，当点击发送优惠券按钮时，会调用edit_lotterylv函数，创建一个模态窗口并进行页面跳转。跳转的URL由layList.Url生成，包含特定的控制器和传递的参数。

按钮页面跳转事件

// 这是一个按钮  data-type 给按钮绑定事件名
<button class="layui-btn layui-btn-sm layui-btn-normal"
 type="button"
 data-type="edit_lotterylv">

<i class="fa fa-check-circle-o"></i>发送优惠券
                       
</button>



var action = {

      edit_lotterylv() {
            $eb.createModalFrame('发送优惠券',
                layList.Url({
                    c:'ump.store_coupon',   //url地址    
                    a:'grant',  //对应的控制器
                    p:{id:str}}), //需要传的参数
                    {'w':800});   //窗口的大小
                    }

            }