技术栈

vue拼接html点击事件不生效

素味平生2023-07-27 12:45

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);
}
上一篇:SAFe工具,SAFe规模化敏捷工具,SAFe实施流程,SAFe框架管理工具
下一篇:【2023】分享国内外大厂开发主要AI网站
相关推荐
慌糖
30 分钟前
vue3搭建脚手架前的前置知识
vue.js
帅帅哥的兜兜
1 小时前
next.js实现项目搭建
前端·react.js·next.js
筱歌儿
1 小时前
css 左右布局
前端·css
GISer_Jing
1 小时前
编译原理AST&以Babel为例进行解读、Webpack中自定义loader与plugin
前端·webpack·node.js
GISer_Jing
1 小时前
Webpack中Compiler详解以及自定义loader和plugin详解
前端·webpack·node.js
浩~~
2 小时前
CSS常用选择器
前端·css
于慨
2 小时前
uniapp+vite+cli模板引入tailwindcss
前端·uni-app
yunvwugua__
2 小时前
Python训练营打卡 Day26
前端·javascript·python
满怀1015
2 小时前
【Django全栈开发实战】从零构建企业级Web应用
前端·python·django·orm·web开发·前后端分离
Darling02zjh
3 小时前
GUI图形化演示
前端
热门推荐
01YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】02KGG转MP3工具|非KGM文件|解密音频03从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑04【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!05Coze扣子平台完整体验和实践(附国内和国际版对比)06DeepSeek各版本说明与优缺点分析07【解决】Android Gradle Sync 报错 Could not read workspace metadata08YOLOv5改进 | 添加CA注意力机制 + 增加预测层 + 更换损失函数之GIoU09苍穹外卖面试总结10yolov10来了!用yolov10训练自己的数据集(原理、训练、部署、应用)