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);
}
相关推荐
KaMeidebaby3 分钟前
卡梅德生物技术快报|原核表达系统工艺优化:包涵体重折叠 + 分子筛纯化实现功能 RBD 高效制备,附全参数配置
前端·人工智能·算法·数据挖掘·数据分析
最爱睡觉睡觉睡觉15 分钟前
代碼案例:CSS 屬性對照
前端·app
VitoChang26 分钟前
开发体验超赞的SolidJS2.0来了
前端
CoCo的编程之路30 分钟前
2026全栈演进:使用前端开发助手进行项目重构的最佳工具
大数据·前端·人工智能·ai编程·comate
@PHARAOH1 小时前
WHAT - NextAuth 权限认证机制
前端·微服务·服务端
掘金一周1 小时前
问卷调查:如果现在收到裁员通知,你手里的现金流能支撑多久? | 沸点周刊6.4
前端·人工智能·后端
wb043072011 小时前
前厅翻修记——从阿明的“8 秒点餐页“,看前端工程化与用户体验的全面升级
前端·架构·ux
riuphan2 小时前
揭秘 JS 类型转换:ToPrimitive 机制的神秘面纱
前端·javascript
用户15447184396312 小时前
从零实现一个vue2项目
vue.js
最爱睡觉睡觉睡觉2 小时前
Flutter ThemeData 主题系统
前端·app