我有一个div元素：

<div
  class="button-primary"
  id="product-cl-add-cart"
  @click="displayApproval($event)"
  >
  Add To Cart
</div>

这个div调用方法：

displayApproval($event)

在js Vue createApp中我设置了这个方法-

const displayApproval = (event) => {
  event.preventDefault();

  Fancybox.show([{
    src: `
            <div>
                <h3>Please look over the custom text to make sure its correct. <br>
                    All sales are final on custom items.</h3>
                <button onClick="function closeFancy(){ Fancybox.close()  } closeFancy(); return false;" style="width: 200px; height: 50px; background-color: rgb(247, 185, 162);">Go Back To Confirm</button>
                <button onClick="function continue(e){ addToCart(e)} continue(${event});  return false;" style="width: 200px; height: 50px; background-color: rgb(211, 254, 211);">Continue With Order</button>
            </div>`,
    type: "html",
  }]);
}

我像这样添加方法onClick，因为addToCart()对我不起作用。
addToCart方法也在我的设置中-

const addToCart = (event) => { 
  // do something 
}

基本上，我需要上面的工作和通过事件.出于某种原因，它不适合我.我已经尝试了上面的，也：

onClick="addToCart(e)" 
onClick="addToCart()"

我根据网上的一些建议设置了上面的内容。我不完全确定如何设置。
任何帮助都将不胜感激。