首先是在普通文檔(也就是單個html文件中進行測試，能夠正常執行)

普通情況下的結果，拼接的結果能夠正常渲染并且控制臺有輸出；

但是在vue環境之下就會出錯，點擊事件并沒有反應，

js部分：

for (const i in _sourcesName) {

let liHtml = "";

for (const j in _sourcesName[i]) {

liHtml += ‘

‘;

liHtml +=

‘

‘ +

_sourcesName[i][j] +

‘(‘ +

_sourcesRoundNum[i][j] +

‘)‘ +

‘

‘;

liHtml += ‘最近更新:?‘ + _sourcesTime[i][j] + ‘‘;

liHtml += ‘

‘;

}

if (i == 0) {

$("#list0").append(liHtml);

} else if (i == 1) {

$("#list1").append(liHtml);

} else if (i == 2) {

$("#list2").append(liHtml);

} else if (i == 3) {

$("#list3").append(liHtml);

} else if (i == 4) {

$("#list4").append(liHtml);

}

}

/**點擊li下面的p獲取不同表格信息 */

showList() {

console.log("1111");

const _this = this;

// $(".dataLi p").click(function() {

// _this.open3();

// console.log("點擊獲取列表");

// });

$(".dataLi").on("click","p",function(){

console.log("點擊獲取列表");

});

// let tabList = $("#tab");

// tabList.css("display", "block");

// this.DQZY=

},

template部分

結果是頁面可以渲染，但是事件不會成功，能夠進入輸出“1111”，但是點擊事件沒有進入，我覺得應該是渲染的時間問題，目前還沒有解決。

原文：https://www.cnblogs.com/zaco/p/12169951.html

總結

以上是生活随笔為你收集整理的拼接的html点击事情不触发,关于在vue中拼接html的问题，点击事件无法执行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。