javascript - 使用带有 django 模板的数据集时出现 Javascript 未定义错误

Question

使用 JS 数据集尝试从 django 模板获取数据时出现未定义的错误，我无法修复它，任何人都可以提供解决方案。index.html 模板

<div id="currentUser1" data-currentUser="1"></div>

对于 JS 代码

document.addEventListener('DOMContentLoaded', function(){
    
    let currentuser2 = document.querySelector('#currentUser1').dataset.currentUser;
    console.log(currentuser2)

});

浏览器上的输出

undefined      network.js:4:13

这就是我得到的错误，至于控制台，一切都很好，没有错误。

标签： javascripthtmldjango

Answer 1

data-无论您是否在名称中使用大写字母，数据集属性都标准化为属性中单个单词的所有小写字母和连字符的驼峰式大小写

document.addEventListener('DOMContentLoaded', function(){
    const {currentuser, fooBar} = document.querySelector('#currentUser1').dataset
      
    console.log('currentuser =', currentuser)
    console.log('fooBar =', fooBar)

});

<div id="currentUser1" data-currentUser="1" data-foo-bar="woohoo"></div>