Angular 6，d3 v5 鼠标事件，错误类型错误：this.setAttribute 不是一个函数。
创始人
2024-10-16 12:00:52
0次

这个错误通常发生在使用箭头函数时，由于箭头函数没有自己的上下文，所以无法正确地绑定this关键字。您可以尝试以下解决方法：

  1. 使用普通函数而不是箭头函数：
d3.select("circle")
  .on("mouseover", function() {
    this.setAttribute("fill", "red");
  });
  1. 将箭头函数保存在一个变量中，以便在需要时使用：
const handleMouseOver = () => {
  this.setAttribute("fill", "red");
};

d3.select("circle")
  .on("mouseover", handleMouseOver);
  1. 使用箭头函数并绑定this关键字：
d3.select("circle")
  .on("mouseover", () => {
    this.setAttribute("fill", "red");
  }).bind(this);

请记住，以上解决方法适用于Angular 6和d3 v5。确保在使用setAttribute方法之前，确保this是指向您期望的元素。

上一篇：Angular 6，从对象中获取一个新对象

下一篇：Angular 6，订阅Observables不起作用。

相关内容

热门资讯

一分钟秒懂！wepoker辅助... 一分钟秒懂！wepoker辅助器有哪些功能，wepoker免费脚本咨询，玩家教你（有挂攻略）准备好在...
玩家必看科普！wepoker轻... 玩家必看科普！wepoker轻量版透视方法，拱趴大菠萝自动计算机器人，新2025教程（有挂攻略）准备...
科普常识！佛手大菠萝有挂吗，w... 科普常识！佛手大菠萝有挂吗，wepoker辅助透视，分享教程（有挂透视）；佛手大菠萝有挂吗软件透明挂...
推荐十款！wepoker软件安... 推荐十款！wepoker软件安装包，wepokerplus辅助，可靠教程（有挂透明）；支持多人共享记...
关于！wejoker辅助器怎么... 关于！wejoker辅助器怎么卖，hhpoker是内部控制吗，2025新版技巧（有挂透视）1、很好的...
技术分享！wepoker私人局... 这是一款非常优秀的wepoker私人局透视插件 ia辅助检测软件，能够让你了解到wepoker私人局...
指导大家！pokemmo手机辅... 指导大家！pokemmo手机辅助软件，hhpoker有没有作弊辅助，系统教程（有挂方法）1、很好的工...
科技通报！拱趴大菠萝万能挂，w... 科技通报！拱趴大菠萝万能挂，wepoker-h5下载，AI教程（有挂技巧）1、点击下载安装，微扑克w...
玩家攻略！wepoker辅助器... 1、玩家攻略！wepoker辅助器安装包，wepoker俱乐部辅助器，细节揭秘（有挂攻略）（UU p...
一分钟揭秘！大菠萝免费辅助，w... 一分钟揭秘！大菠萝免费辅助，wepoker免费透视，新版2025教程（有挂教程）；支持2-10人实时...