xinbear

xinbear 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

xinbear 提出了问题 · 4月14日

解决vue $refs 获取的格式

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

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

关注 3 回答 2

xinbear 提出了问题 · 4月12日

解决html https域名下的网站 iframe https的网站 报错

image.png

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

image.png

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

关注 3 回答 1

xinbear 回答了问题 · 4月2日

解决VUE中,动态添加的文本框如何实现数据实时双向绑定?

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

这样试下

关注 5 回答 4

xinbear 回答了问题 · 3月18日

获取到数据vue但是页面的视图没有渲染出来状态

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

关注 2 回答 1

xinbear 回答了问题 · 3月17日

为什么设置margin-top后就撑出滚动条了?

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

关注 2 回答 1

xinbear 提出了问题 · 3月9日

解决vue router 两种import的区别

`

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')
这两种方式有什么区别

关注 2 回答 1

xinbear 回答了问题 · 3月5日

vuecli项目,只显示报错文件,但是不显示具体哪一行位置,配置和报错如下

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

关注 3 回答 2

xinbear 回答了问题 · 3月5日

window 微信客户端 跨域 axios status 0

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

关注 2 回答 1

xinbear 回答了问题 · 3月4日

解决乾坤qiankun vue项目 loadMicroApp加载子应用 父应用不见了

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

关注 1 回答 1

xinbear 提出了问题 · 3月3日

解决乾坤qiankun vue项目 loadMicroApp加载子应用 父应用不见了

父 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)时
image.png
image.png

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

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

关注 1 回答 1

认证与成就

  • 获得 13 次点赞
  • 获得 91 枚徽章 获得 5 枚金徽章, 获得 23 枚银徽章, 获得 63 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-08-08
个人主页被 1.9k 人浏览