我console this.$refs.input 获取的内容是这样子的

我想要获取这种格式的信息应该怎么获取

我当前域名和iframe的网站是同一个域名，都是https 但却报错 说我iframe的网站是http

求救各位大佬这是什么情况

selectChange(item){
            const data = {
              value: item.value,
              label: item.label,
              price: 0
            }
            this.goodsPrice.push(data);
        }

这样试下

r.data 数据是什么啊
然后都已经用vue了 这里咋还要用jq

这个top的margin-top会影响父元素 可以给index设置padding-top实现你想要效果

`

import { createRouter, createWebHistory, createWebHashHistory, RouteRecordRaw } from 'vue-router'
import Home from '../views/Home.vue'

const routes: Array<RouteRecordRaw> = [
  {
    path: '/child/child1/',
    name: 'Home',
    component: Home
  },
  {
    path: '/child/child1/about',
    name: 'About',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router

`

请问各位大佬
import Home from '../views/Home.vue'
component: Home
和
component: () => import('../views/About.vue')
这两种方式有什么区别

这个文件里搜一下url不就行了

看下网页的http协议跟接口协议是否一样

父应用子应用的根组件id都是app造成的冲突 将子应用根组件id修改就可以了

父 app.vue
`

<template>
<div id="nav">
    11
<!-- 子应用容器 -->
<div id="yourContainer" style="width: 100%;height: 500px;border: 1px solid #ccc;"></div>
</div>
<!-- <router-view/> -->
</template>




<script lang="ts">
import { loadMicroApp, start } from 'qiankun';
import { defineComponent } from 'vue';
export default defineComponent({
  name: 'App',
  data: () => {
    return {
      microApp: null
    }
  },
  mounted() {
    setTimeout(() => {
      this.microApp = loadMicroApp(
        { 
          name: 'app', 
          entry: '//localhost:8081',
          container: '#yourContainer'
        }
      );
      console.log("aaaaaaaaaaaa")
      console.log(this.microApp)
      // start()
    }, 2000)
  }
});
</script>

`

子 main.ts
`

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'


export async function bootstrap() {
    console.log('react app bootstraped');
  }

  /**
   * 应用每次进入都会调用 mount 方法，通常我们在这里触发应用的渲染方法
   */
  export async function mount(props: any) {
    console.log(props)
    createApp(App).use(store).use(router).mount('#app')
  }

  /**
   * 应用每次 切出/卸载 会调用的方法，通常在这里我们会卸载微应用的应用实例
   */
  export async function unmount(props: any) {
      console.log(props)
  }

  /**
   * 可选生命周期钩子，仅使用 loadMicroApp 方式加载微应用时生效
   */
  export async function update(props: any) {
    console.log('update props', props);
  }

`

现在的问题是 当父应用(8080)执行loadMicroApp加载子应用(8081)时

整个父应用(8080)下的内容全都变成了子应用(8081)
按我的理解 子应用应该加载到父应用的id="yourContainer"这个dom中

请教各位大佬这是什么原因