需求:点击弹框外部不关闭弹窗

1.方法
修改element.js引用代码,在引用组件前修改默认属性.

import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;

Vue.use(ElementUI);
//配置 dialog组件 组件点击遮罩层不关闭
ElementUI.Dialog.props.closeOnClickModal.default = false;
Vue.prototype.$axios = axios

2.弹框外出弹框

handleClose(done) {
this.$confirm(“确认关闭?”)
.then(_ => {
done();
})
.catch(_ => {
});
},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现 Mapbox 点击图标弹出弹框的方法是通过添加一个 Popup 对象,并在点击事件中打开它。以下是一个基本的示例代码: ```javascript // 创建地图对象 mapboxgl.accessToken = 'your-access-token'; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v11', center: [lng, lat], // 地图中心点的经纬度 zoom: 12 // 地图缩放级别 }); // 创建一个 Popup 对象 var popup = new mapboxgl.Popup({ closeOnClick: false }) .setLngLat([lng, lat]) // 设置弹窗的位置 .setHTML('<h3>Popup Title</h3><p>Popup content.</p>'); // 设置弹窗的内容 // 创建一个图标对象 var marker = new mapboxgl.Marker() .setLngLat([lng, lat]) // 设置图标的位置 .addTo(map); // 将图标添加到地图上 // 监听图标的点击事件 marker.getElement().addEventListener('click', function() { // 打开弹窗 popup.addTo(map); }); ``` 上述代码中,我们首先创建了一个地图对象 `map`,然后创建了一个 Popup 对象 `popup`,并设置了其位置和内容。接着,我们创建了一个图标对象 `marker`,并将其添加到地图上。最后,我们监听了图标的点击事件,并在事件处理函数中打开了弹窗。 关于自定义弹窗样式,可以在 `setHTML` 方法中使用任何 HTML 和 CSS 样式来自定义弹窗的内容。例如: ```javascript .setHTML('<div style="background-color: #f00; color: #fff; padding: 10px;">Popup content.</div>') ``` 上述代码将弹窗的内容设置为一个红色背景、白色文字、有内边距的 `<div>` 元素。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值