iframe嵌套bug记录

17 阅读1分钟
  1. 页面嵌套,前面有一个路由配置地址 /date/... 页面路由跳转,没有写,导致404

  2. src计算属性方法有问题,导致不能正常跳转

改动1
src设置IP的地方
src\views\components\Iframe.vue
const src = computed(() => {
    const sc = (src) => {
        if (!src) return ''
        return src.startsWith('/') ? src : '/' + src
    }
    const host = window.location.host
    // const url = host.startsWith('localhost') ? 'http://192.168.13.178:8201' : `http://${host}`
    const url = 'http://192.168.13.190:8201'
    console.log('url111================>', url)
    const result = `${url}${sc(p.src)}`
    console.log('result222================>', result)
    return result
})

改动2
<Iframe ref="IFrameRef" src="/sa-date/date" /> 
   
改动3
IFrameRef.value.send({ routePath: '/date/operationsInfo/passenger-flow-peak' }, '*')