vue动态追加html代码,Vue使⽤v-html动态加载代码点击事件
失效
使⽤vue+ztree展⽰地区时发现，拼接代码地区后显⽰新增、修改操作，click事件⽆效
两种解决⽅案：
1、事件绑定到window
2、⼿动添加点击事件
addHoverDom:function(treeid, treeNode) {
if(treeNode.id == ‘‘) return
const item = ElementById(`${treeNode.tId}_a`);if(item && !item.querySelector(‘.tree_extra_btn_add‘)) {const add = ateElement(‘sapn‘);
add.id = `${treeid}_${treeNode.id}_btn_add`;
add.classList.add(‘tree_extra_btn_add‘);
add.innerHTML = ‘‘;
add.addEventListener(‘click‘, (e) => {
e.stopPropagation()
// this.addNode(treeNode)
this.updateTree();
})
item.appendChild(add)
}
nodeselectorif(item && !item.querySelector(‘.tree_extra_btn‘)){ const btn = ateElement(‘sapn‘); btn.id = `${treeid}_${treeNode.id}_btn`;
btn.classList.add(‘tree_extra_btn‘);
btn.innerHTML = ‘‘;
btn.addEventListener(‘click‘, (e) => {
e.stopPropagation()
this.clickRemove(treeNode)
})
item.appendChild(btn);
}
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。