vue3下自定义节点样式button怎么触发点击事件

[S1he1bY]

// 点击按钮后输出data的数据
function handleClick(bud) {
  console.log('data'，bud);
}

const nodeFactory = (data) => {
  // 计算样式
  const diffValue = data.act.value - data.budget.value
  const budget = {
    value: convertToTenThousand(Number(data.budget.value)).num,
    unit: convertToTenThousand(Number(data.budget.value)).unit
  }

  return `
  <div class="card">
    <div class="card-head">
      <div class="head-depart">${data.name}</div>
      <button class="detail-button" style="height:26px;font-size:16px;padding:1px 5px" onClick="handleClick(${JSON.stringify(budget)})">详情</button>
    </div>
    <div class="card-box">
      <div class="box-budget">
        <div class="budget-val">
          ${budget.value}${budget.unit}
        </div>
      </div>
    </div>
  </div>
  `
}

vue3环境，我的节点样式是通过函数返回出来的，但里面的button的click事件触发不了，不管是@click还是onClick都执行不了，有什么解决方法吗

[hizzgdev]

如果不是 jsmind，在一个普通的页面上，你这样能能执行 onclick 吗？我理解这种情况下事件绑定不到元素上吧。另外这个 handleClick 这个事件是绑定在哪里的？

[S1he1bY]

//详情
onClick是放在详情按钮这里，不知道为什么显示不出来，我尝试在window上挂载handleClick函数可以触发点击事件了并能传参，但是不理解为什么对象通过转json字符串还是传不过去

[S1he1bY]

详情btn按钮那里 onClick="handleClick('${JSON.stringify(data)}')" ，我一段h5放上去不知道为什么显示不出来

[hizzgdev]

好的，我看到了哈。
所以你有没有试过不用 jsMind, 而把这个返回值放到一个普通的容器里呢？