当前位置: 首页 > news >正文

vuedraggable在iframe中无法使用问题

废话不多说 直接看怎么解决

<draggable:list="staticContent":animation="340"group="selectItem"handle=".option-drag"@start="onDragStart"@end="onDragEnd"
><divv-for="(item, index) in staticContent":key="'static' + index"class="content-item">111</div>
</draggable>onDragStart() {
const iframe = this.$parent.$refs.iframeRef;if (iframe) {iframe.style.pointerEvents = "none";  // 重点}
},
onDragEnd() {const iframe = this.$parent.$refs.iframeRef;if (iframe) {setTimeout(() => {iframe.style.pointerEvents = "auto";  //重点}, 100);}
},

重点
iframe.style.pointerEvents = “auto”

http://www.dtcms.com/a/267429.html

相关文章:

  • MySQL基础和 表的‘CRUD’(基础版)
  • 基础数据结构第04天:单向链表(概念篇)
  • ubuntu手动编译VTK9.3 Generating qmltypes file 失败
  • 解决URL编码兼容性问题:空格转义与HTML实体解码实战
  • 基于企业私有数据实现智能问答
  • 动手学深度学习-学习笔记(总)
  • Kali Linux Wifi 伪造热点
  • 基于Java+SpringBoot的三国之家网站
  • 嵌入式系统内核镜像相关(十二)
  • Flink-Source算子点位提交问题(Earliest)
  • 力扣 hot100 Day35
  • STM32中实现shell控制台(命令解析实现)
  • MySQL回表查询深度解析:原理、影响与优化实战
  • 从UI设计到数字孪生实战部署:构建智慧城市的智慧照明系统
  • 【项目笔记】高并发内存池项目剖析(三)
  • NX二次开发——NX二次开发-检查点是否在面上或者体上
  • MPLS 多协议标签交换
  • Python实例题:基于 Python 的简单聊天机器人
  • springsecurity5配置之后启动项目报错:authenticationManager cannot be null
  • LangChain4j 框架模仿豆包实现智能对话系统:架构与功能详解
  • windows 安装 wsl
  • 基于matlab卡尔曼滤波器消除噪声
  • 点击方块挑战小游戏流量主微信小程序开源
  • Java+Vue开发的进销存ERP系统,集采购、销售、库存管理,助力企业数字化运营
  • 浏览器与服务器的交互
  • 深度学习图像分类数据集—百种鸟类识别分类
  • STM32中实现shell控制台(shell窗口输入实现)
  • 结构型智能科技的关键可行性——信息型智能向结构型智能的转变(修改提纲)
  • rk3128 emmc显示剩余容量为0
  • kubectl exec 遇到 unable to upgrade connection Forbidden 的解决办法