模板字符串使用点击事件【VUE3】

项目场景：

提示：这里简述项目相关背景：

项目中使用模板字符串的时候很多，有些时候需要再模板字符串中使用点击事件，那么在模板字符串中可以使用点击事件么？如果这个点击事件需要传参呢？

答案是肯定的，那么具体怎么绑定点击事件又该怎么传参呢？

• 在模板字符串中绑定点击事件要用 onclick ='goDetails()'
• 在onMounted钩子里面挂载在window上onMounted(() => { window["goDetails"] = goDetails;});

• 总结：为什么需要定义window.getDownUp = this.getDownUp？

  1.在字符串里的点击事件是原生的onclick
  2.原生的函数getDownUp是定义在window全局对象上的

• 然后使用这个定义好的点击事件 const goDetails=(val)=>{......}

---

原因分析：

提示：这里填写问题的分析：

 但是在传参的时候，单独传参是ok传对象会报错

这是因为传的是变量，将变量转成字符串对象就可以了

onclick ='goDetails(${JSON.stringify(item)})'

---