vue拼接html点击事件不生效

vue使用ts,拼接html,点击事件不生效或者报 is not defined

点击事件要用onclick 不是@click

html 复制代码
let data={name:'测',id:'123'} 
let conHtml = '<div>' + "名称:" + data.name+ "<br>" +
 '<p class="cursor blue" onclick="openModal(' + JSON.stringify(data).replace(/\"/g, "'") +')">详情</p></div>';

解决方法:

javascript 复制代码
window.openModal= function (item) {
  console.log(item);
}
相关推荐
HIT_Weston3 分钟前
57、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(一)
前端·ubuntu·gitlab
用户6600676685394 分钟前
模板字符串 + map:用现代 JavaScript 高效构建动态 HTML
前端·javascript
AY呀5 分钟前
《玩转Vue3响应式:手把手实现TodoList,掌握核心指令》
前端·javascript·vue.js
哆啦A梦158815 分钟前
商城后台管理系统 07 商品列表-分页实现
前端·javascript·vue.js
爱因斯坦乐16 分钟前
【若依】前后端分离添加导入
java·前端·javascript
Cache技术分享16 分钟前
267. Java 集合 - Java 开发必看:ArrayList 与 LinkedList 的全方位对比及选择建议
前端·后端
答案answer19 分钟前
Vue3项目集成monaco-editor实现浏览器IDE代码编辑功能
前端·vue.js
爱上妖精的尾巴24 分钟前
6-1WPS JS宏 new Set集合的创建
前端·后端·restful·wps·js宏·jsa
绝世唐门三哥25 分钟前
Vue 自定义指令完全指南(含 Vue2/Vue3 对比 + 完整 Demo)
前端·javascript·vue.js
uhakadotcom27 分钟前
Tomli 全面教程:常用 API 串联与实战指南
前端·面试·github