美文网首页
VUE3(二十八)页面加载完成后,使用onclick为动态添加的

VUE3(二十八)页面加载完成后,使用onclick为动态添加的

作者: camellias__ | 来源:发表于2021-04-27 09:10 被阅读0次

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

相关文章

网友评论

      本文标题:VUE3(二十八)页面加载完成后,使用onclick为动态添加的

      本文链接:https://www.haomeiwen.com/subject/mmhurltx.html