VUE中使用原生js 遍历给每一个对象添加绑定事件

最新推荐文章于 2023-03-17 18:37:54 发布

zhangyubababa

最新推荐文章于 2023-03-17 18:37:54 发布

阅读量521

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/zhangyubababa/article/details/127317302

版权

前端专栏收录该内容

97 篇文章 1 订阅

订阅专栏

VUE中使用原生js 给每一个对象添加绑定事件

renderOkNode(h, data) { 插件中 传值
      return (
        <div id="OkDom">
          {data.targetName === '党委画像' ? (
            <span>{data.targetName}</span>
          ) : (
            <div class="closeBtnBox" style="position: relative;">
              <span>{data.targetName}</span>
              <i
                class="el-icon-close closeBtn"
                style="position: absolute; top: 0; right: -15px;cursor: pointer"
                value={JSON.stringify(data)}传值！！！！！
              ></i>
            </div>
          )}
        </div>
      )
    },


  mounted() {
    this.deleteBtnNone()

    let closeBtnDoms = document.getElementsByClassName('closeBtn')

    // console.log(closeBtnDoms);

    for (let index = 0; index < closeBtnDoms.length; index++) {
      closeBtnDoms[index].onclick = function (e) {
        console.log(JSON.parse(this.getAttribute('value'))) 获取 标签中 传过来的值！！
      }
    }
  },