Commit 93f102899ba0d46a4b9d000478f53fd4d339b961

Authored by xp.Huang
2 parents 1e2ff688 cdb135c9

Merge branch 'fix/firefox-bug/08-1' into 'main_dev'

fix: 修复针对火狐浏览器,vue draggable拖拽插件在拖拽组件时会新开一个窗口的问题

See merge request yunteng/thingskit-view!281
@@ -50,7 +50,7 @@ @@ -50,7 +50,7 @@
50 </template> 50 </template>
51 51
52 <script setup lang="ts"> 52 <script setup lang="ts">
53 -import { PropType, watch, ref, Ref, computed, nextTick } from 'vue' 53 +import { PropType, watch, ref, Ref, computed, nextTick, onMounted } from 'vue'
54 import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn/index' 54 import { MacOsControlBtn } from '@/components/Tips/MacOsControlBtn/index'
55 import { ChartGlobImage } from '@/components/Pages/ChartGlobImage' 55 import { ChartGlobImage } from '@/components/Pages/ChartGlobImage'
56 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' 56 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
@@ -166,6 +166,18 @@ watch( @@ -166,6 +166,18 @@ watch(
166 } 166 }
167 } 167 }
168 ) 168 )
  169 +
  170 +/**
  171 + * 修复vue draggable拖拽插件在火狐浏览器上确实会存在拖拽会新开一个窗口,属于官方问题,其他浏览器不存在此问题。
  172 + * 解决代码如下
  173 + */
  174 +onMounted(() => {
  175 + document.body.ondrop = function (event) {
  176 + event.preventDefault()
  177 + event.stopPropagation()
  178 + }
  179 +})
  180 +//
169 </script> 181 </script>
170 182
171 <style lang="scss" scoped> 183 <style lang="scss" scoped>