Vue自定义指令 dialogDrag 报错：Cannot set properties of null (setting ‘onmousedown‘)

最新推荐文章于 2024-02-08 09:50:47 发布
最新推荐文章于 2024-02-08 09:50:47 发布
阅读量841 收藏
点赞数
分类专栏： web 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46590483/article/details/130840282
版权

Vue项目，自定义了一个拖拽弹窗的指令 dialogDrag 但是当我使用的时候会报错：

Error in directive dialogDrag bind hook: "TypeError: Cannot set properties of null (setting 'onmousedown')"

排查后发现是因为拖拽指令的代码里，是要获取弹窗的头部，当按下头部才能拖动 .querySelector(".head") ，因为我没有在绑定的 div 下设定该class，所以导致获取不到控制拖动的DOM元素。

在弹窗的 head 部分添加一个 class head 即可！

kart jim
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
创建项目时VUE报错的解决办法
02-25
创建项目时VUE报错的解决办法
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
已处理vue框架 el-dialog标签中 v-dialogDrag属性拖动弹出层拖出窗口bug
最新发布
weixin_44006009的博客
02-08 452
已处理vue框架 el-dialog标签中 v-dialogDrag属性拖动弹出层出窗口bug
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
jquery-ui.js
biji10011的博客
10-11 888
3333
Cannot set properties of null (setting ‘onblur‘) at...
weixin_72155467的博客
12-03 555
情况一：document获取元素的时候，通过class属性获取的，如果通过document.querySelector去获取元素的话切记不要丢掉.xxx，如果是通过id获取的话需要#xxx情况二：因为js代码写在了body之前，一般把...写在title和head之间，运行代码时会在html之前完成，那么对象的属性和方法就没有办法找到相应的对象。（本人的出错是情况二）解决思路：让html先搭建起来再运行...。window.onload是窗
‘ Uncaught TypeError: Cannot set properties of null ‘ 错误解决【Javascript】
热门推荐
伟迷不正的博客
03-08 1万+
' Uncaught TypeError: Cannot set properties of null ' 错误解决【Javascript】
定时关闭广告2020/11/24
weixin_50286102的博客
11-24 422
setTimeout(function() { ad.style.display = ‘none’ }, 2000) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=
Uncaught TypeError TypeError: Cannot set properties of null (setting ‘onclick‘)的解决办法
weixin_64158899的博客
02-08 6758
Uncaught TypeError TypeError: Cannot set properties of null (setting 'onclick')
浏览器出现“Cannot set property ‘onmouseenter‘ of null”问题的解决办法
赵佳敏的博客
09-09 3283
目录一、错误如下二、错误原因三、解决办法 一、错误如下 二、错误原因 js文件放在head里面时，如果绑定了onclick或者onmouseover事件，就会出现如上图类似的错误，是因为浏览器的加载你写的html文档的顺序是从上往下，加载完按钮节点才执行的js，所以当浏览器自顶向下解析时，找不到onmouseenter绑定的按钮节点，于是报错。 三、解决办法 方法一：把js文件放在底部加载 方法二：使用window.οnlοad=function(){}包裹js内容。 .
Error in directive fofo inserted hook: “TypeError: Cannot read properties of null (reading ‘focus‘)
小管管的博客
07-26 3569
本身已经是textarea了不能再获取input了，所以获取了空。
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
css实现毛玻璃效果——backdrop-filter
kart jim的CSDN博客
08-22 1万+
css3实现毛玻璃效果
JavaScript知识之 浅拷贝与深拷贝
kart jim的CSDN博客
04-07 1134
js浅拷贝与深拷贝
HTML5文档的基本结构及创建方法
kart jim的CSDN博客
06-26 923
HTML入门
用React做一个新拟态计算器
kart jim的CSDN博客
06-16 776
用React做一个新拟态计算器
vue-office报错： Cannot read properties of null (reading 'childNodes')
10-26
这个错误通常是由于在Vue组件中使用了未定义的变量或属性，或者在渲染组件时，数据还没有被加载完成。具体来说，可能是以下原因之一： 1. 在组件中使用了未定义的变量或属性。 2. 在渲染组件时，数据还没有被加载...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值