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