解决前端button点击无法出现弹窗问题

最新推荐文章于 2024-02-22 01:50:35 发布

昵称已存在lxttttt

最新推荐文章于 2024-02-22 01:50:35 发布

阅读量1.4k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43238931/article/details/103570537

版权

本文介绍了在前端开发中遇到的一个问题：当table行内动态生成的button无法触发弹窗显示。通过分析，发现原因是js绑定事件时未考虑动态生成元素。解决方案是使用事件委托，将js代码更改为使用`document.addEventListener('click', function(event) {...})`形式，从而正确处理动态生成按钮的点击事件，实现弹窗显示。" 133236784,20015154,前端开发实现倒计时及扩展功能,"['前端开发', 'JavaScript', 'CSS', 'HTML', '倒计时功能']

摘要由CSDN通过智能技术生成

解决前端button点击无法出现弹窗问题

在前后端交互时，table每行动态生成一个按钮，需要点击按钮出现弹窗修改数据，但点击按钮无效，我的代码如下：

html:

<tbody v-for="item in emps">
                    <tr>
                        <td>{
   {
   item.id}}</td>
                        <td>{
   {
   item.name}}</td