Sfoglia il codice sorgente

修复iframe,会向浏览器中添加记录,导致返回有问题

lex 1 anno fa
parent
commit
49311fd40d
1 ha cambiato i file con 10 aggiunte e 5 eliminazioni
  1. 10 5
      src/views/co-ai/index.tsx

+ 10 - 5
src/views/co-ai/index.tsx

@@ -277,6 +277,7 @@ export default defineComponent({
       getMusicList();
     };
 
+    // const staffIframeRef = ref();
     const musicIframeLoad = () => {
       const token = storage.get(ACCESS_TOKEN);
       const details = data.musics[data.musicIndex];
@@ -288,14 +289,14 @@ export default defineComponent({
           : data.showMusicImg === 'staff'
           ? 'staff'
           : 'firstTone';
-      const origin = /(localhost|192)/.test(location.host)
-        ? 'https://test.lexiaoya.cn'
-        : location.origin;
       data.iframeSrc = `${vaildMusicScoreUrl()}/instrument/?id=${
         details.id
       }&modelType=practise&modeType=json&Authorization=${token}&isPreView=true&part-index=${
         data.selectMusicInstrumentIndex
       }&musicRenderType=${musicRenderType}`;
+
+      const staffIframeRef: any = document.querySelector('#staffIframeRef');
+      staffIframeRef.contentWindow?.location?.replace(data.iframeSrc);
     };
 
     const setSearchBox = () => {
@@ -506,6 +507,8 @@ export default defineComponent({
         handleReset();
       });
       setSearchBox();
+
+      musicIframeLoad();
     });
 
     return () => (
@@ -694,12 +697,14 @@ export default defineComponent({
                       )} */}
                       <iframe
                         id="staffIframeRef"
+                        // ref={staffIframeRef}
                         style={{
                           width: '100%'
                           // opacity: loading.value ? 0 : 1
                         }}
-                        src={data.iframeSrc}
-                        onLoad={musicIframeLoad}></iframe>
+                        // src={data.iframeSrc}
+                        // onLoad={musicIframeLoad}
+                      ></iframe>
                       {/* <OsmdPreview ref={osmdPreviewRef} /> */}
                     </>
                   </div>