电子购物网站开发,个人建站做什么网站比较赚钱,响应式布局什么意思,安徽网站建设推荐Vue js拼接onclick事件 1.onclick 方法函数找不到2.方法中传参2.1 int 类型传参#xff08;直接传参#xff09;2.2 字符串类型#xff08;需要加引号#xff09;2.3 对象#xff08;对象是不能直接拼接的。拼接的必须是字符串。因此需要将对象转成字符串。#xff09; 1… Vue js拼接onclick事件 1.onclick 方法函数找不到2.方法中传参2.1 int 类型传参直接传参2.2 字符串类型需要加引号2.3 对象对象是不能直接拼接的。拼接的必须是字符串。因此需要将对象转成字符串。 1.onclick 方法函数找不到 我是拼接的表格点击的td标签 拼接html 并增加onclick事件 //实际列值填充
tablHtml tdοnclickpreviewNvrVideo(${data})${columnItem?.actual}/td;2.页面刚进去 注册点击函数(重要)
mounted() {//模板参数传参const _this this;window.previewNvrVideo (channelNum) {_this.nvrPreview(channelNum);};
}3.js 中 写点击函数内容
nvrPreview(data) {//点击之后 实现的逻辑
},2.方法中传参
2.1 int 类型传参直接传参
tablHtml td οnclickpreviewNvrVideo(1)${columnItem?.actual}/td;2.2 字符串类型需要加引号
1.使用转义字符
tablHtml td οnclickpreviewNvrVideo(\${data}\)${columnItem?.actual}/td;注意JS中写法str2 div onclicktest2(\string\)33/div
2.使用quot;quot;是双引号单引号为apos;但是IE不支持
tablHtml td οnclickpreviewNvrVideo(quot;${data}quot;)${columnItem?.actual}/td;2.3 对象对象是不能直接拼接的。拼接的必须是字符串。因此需要将对象转成字符串。
报错信息如果直接使用对象。触发事件时会得到[onject Object]。会引起Uncaught SyntaxError: Unexpected identifier错误
将对象拆开只穿需要传递的参数参考第二点需要转义设置全局变量使用JSON.stringify()将对象转换成json字符串但是依然会报错unexpected end of input 该错误是因为json字符串的双引号和onclick的双引号冲突需要将json字符串转成单引号字符串。
JSON.stringify(data).replace(/\/g,);
