博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Laravel NPM包的使用
阅读量:4332 次
发布时间:2019-06-06

本文共 840 字,大约阅读时间需要 2 分钟。

示例:安装sweetalert插件

1.yarn add sweetalert

 

2.resources/js/bootstrap.js中引入:

require('sweetalert');

  

$(document).ready(function() {  // 删除按钮点击事件  $('.btn-del-address').click(function() {    // 获取按钮上 data-id 属性的值,也就是地址 ID    var id = $(this).data('id');    // 调用 sweetalert    swal({        title: "确认要删除该地址?",        icon: "warning",        buttons: ['取消', '确定'],        dangerMode: true,      })    .then(function(willDelete) { // 用户点击按钮后会触发这个回调函数      // 用户点击确定 willDelete 值为 true, 否则为 false      // 用户点了取消,啥也不做      if (!willDelete) {        return;      }      // 调用删除接口,用 id 来拼接出请求的 url      axios.delete('/user_addresses/' + id)        .then(function () {          // 请求成功之后重新加载页面          location.reload();        })    });  });});

  

 

posted on
2019-08-15 13:27  阅读(
...) 评论(
...) 收藏

转载于:https://www.cnblogs.com/bing2017/p/11357403.html

你可能感兴趣的文章
小D课堂 - 新版本微服务springcloud+Docker教程_3-05 服务注册和发现Eureka Server搭建实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-06 服务注册和发现之Eureka Client搭建商品服务实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-07 Eureka服务注册中心配置控制台问题处理...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-01 常用的服务间调用方式讲解
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-02 微服务调用方式之ribbon实战 订单调用商品服务...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-03 高级篇幅之Ribbon负载均衡源码分析实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-06 Feign核心源码解读和服务调用方式ribbon和Feign选择...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-05 微服务调用方式之feign 实战 订单调用商品服务...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_5-02 Netflix开源组件断路器
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_5-01分布式核心知识之熔断、降级
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_5-04 feign结合hystrix断路器开发实战下...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_5-03 feign结合hystrix断路器开发实战上...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_6-01 微服务网关介绍和使用场景
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_5-05熔断降级服务异常报警通知
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_6-03 高级篇幅之zuul常用问题分析
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_5-08 断路器监控仪表参数
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_6-02 springcloud网关组件zuul
查看>>
小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_2-1.快速搭建SpringBoot项目,采用Eclipse...
查看>>
小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_1-4.在线教育后台数据库设计...
查看>>
小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_2-3.热部署在Eclipse和IDE里面的使用...
查看>>