VUE3(二十八)页面加载完成后,使用onclick为动态添加的dom元素绑定点击事件


博客做的比较早,那个时候还不知道有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

欢迎访问小程序:

在这里插入图片描述


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM