VUE3(二十八)页面加载完成后,使用onclick为动态添加的dom元素绑定点击事件
博客做的比较早,那个时候还不知道有markdown编辑器这个玩意。所以我的文章都是用ueditor编辑的。我这里大概想做一个大图的自定义组件:需求是,点击文章中的图片,显示大图。那么这里就有一个问题,我怎么在页面加载完成之后给html绑定事件呢?Jquery有$.on方法,但是,我不想再vue里边使用jquery。哎呀,迷糊了,原生javascript有onclick呀。上代码:1:要有一段在页面
·
博客做的比较早,那个时候还不知道有markdown编辑器这个玩意。
所以我的文章都是用ueditor编辑的。
我这里大概想做一个大图的自定义组件:需求是,点击文章中的图片,显示大图。
那么这里就有一个问题,我怎么在页面加载完成之后给html绑定事件呢?
Jquery有$.on方法,但是,我不想再vue里边使用jquery。
哎呀,迷糊了,原生javascript有onclick呀。
上代码:
1:要有一段在页面加载完成之后添加的html代码
let conten=`<button οnclick="come()">点我</button>`;
2:你需要在setup中有一个函数
/**
* @name: 显示大图
* @author: camellia
* @email: guanchao_gc@qq.com
* @date: 2021-03-10 22:37:32
* @param: data type description
*/
const come= () => {
}
3:最后一步,搭建桥梁
在setup中添加
window.come= come;
以上就完成,在页面加载完成之后,使用onclick为动态添加的dom元素添加点击事件。
有好的建议,请在下方输入你的评论。
欢迎访问个人博客
https://guanchao.site
欢迎访问小程序:
更多推荐
已为社区贡献12条内容
所有评论(0)