为了账号安全,请及时绑定邮箱和手机立即绑定

当 axios response.data 放在 dom 上时,所有点击事件都消失了

当 axios response.data 放在 dom 上时,所有点击事件都消失了

呼啦一阵风 2022-05-22 10:07:28
document.getElementById('listCategorie').addEventListener('click', (e) => {    axios.get('http://localhost:3001/file/categorieList', {})    .then((response) => {    document.body.innerHTML = '';    document.body.innerHTML = response.data})}) 我知道如果我使用$(document).on(event,..,..)它效果很好,但不明白为什么。我根本不喜欢使用 jquery,只喜欢 vanilla js。我想要的是,当 axios 响应放入 DOM 时,所有事件都会继续工作......但它们会消失。
查看完整描述

1 回答

?
慕姐8265434

TA贡献1813条经验 获得超2个赞

document.body.innerHTML = something || '';


是更换你的整个身体。因此,在 head 标签内添加您的“js 脚本”


<html>

  <head>

   <script>...</script> //like this

  </head>

<body>...</body>

</html>

或者


否则在特定元素中添加响应而不是正文


document.getElementById('listCategorie').addEventListener('click', (e) => {

    axios.get('http://localhost:3001/file/categorieList', {})

    .then((response) => {

    document.getElementById('app').innerHTML = '';

    document.getElementById('app').innerHTML = response.data

})

})


查看完整回答
反对 回复 2022-05-22
  • 1 回答
  • 0 关注
  • 112 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号