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);
}
相关推荐
LawrenceLan5 分钟前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
迪巴拉152515 分钟前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot
swipe20 分钟前
JavaScript 对象与属性描述符:从原理到实战
前端·javascript·面试
&活在当下&26 分钟前
Vue3 h函数用法详解
前端·javascript·vue.js
小贵子的博客32 分钟前
(vue3错误处理)has naming conflicts with other components, ignored.
前端·javascript·vue.js
木斯佳1 小时前
前端八股文面经大全:字节跳动音视频前端一面·下(2026-03-03)·面经深度解析
前端·音视频·状态模式
西西学代码1 小时前
Flutter---路由与导航
服务器·前端·javascript
XPoet1 小时前
AI 编程工程化:Rule——给你的 AI 员工立规矩
前端·后端·ai编程
热爱生活的五柒1 小时前
解决 npm install 一直在转圈的问题
前端·npm·node.js