From 42576b9285b9f38d6a3b2b83dfd0dd7fb40a926b Mon Sep 17 00:00:00 2001 From: zoujiandong <10130823232@qq.com> Date: Tue, 25 Mar 2025 10:20:12 +0800 Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/caseDetail.vue | 33 ++++++++++++++++++--------------- 1 file changed, 18 insertions(+), 15 deletions(-) diff --git a/src/views/caseDetail.vue b/src/views/caseDetail.vue index 396eb92..8290eef 100644 --- a/src/views/caseDetail.vue +++ b/src/views/caseDetail.vue @@ -106,6 +106,23 @@ const unitAnswer = { }; const cdialog = ref(null); const dialog_message = ref(""); +watch(() => props.step, async(newVal) => { + let imgArr = []; + await nextTick(() => { + const nodeList = document.querySelectorAll("#pagemain"+props.pageIndex+" .namebox img"); + console.log(nodeList); + nodeList.forEach(function (node) { + imgArr.push(node.src); + node.removeEventListener("click",(e)=>{ + handleClick(e) + }); + node.addEventListener("click", (e)=>{ + handleClick(e) + }); + }); + imgList.value = [...new Set(imgArr)]; + }); +}) watch( () => props.pageItem, @@ -284,21 +301,7 @@ const handleClick = (e) => { }; onMounted(async () => { - let imgArr = []; - await nextTick(() => { - const nodeList = document.querySelectorAll("#pagemain"+props.pageIndex+" .namebox img"); - console.log(nodeList); - nodeList.forEach(function (node) { - imgArr.push(node.src); - node.removeEventListener("click",(e)=>{ - handleClick(e) - }); - node.addEventListener("click", (e)=>{ - handleClick(e) - }); - }); - imgList.value = [...new Set(imgArr)]; - }); + }); const onChange=(newIndex)=>{ position.value = newIndex || 0