vue3
原谅我不够洒脱
这个作者很懒,什么都没留下…
展开
-
micro_app解决项目中实际遇到的问题(浏览器回退url错乱)
1.子应用点击回退路径错乱// 在子应用(vue-router4)中添加如下设置 :没有对路由堆栈state做唯一性标记,导致基座和子应用相互影响,vue-router3及其它框架路由没有类似问题if (window.__MICRO_APP_ENVIRONMENT__) { // 如果__MICRO_APP_BASE_ROUTE__为 `/基座应用基础路由/子应用基础路由/`,则应去掉`/基座应用基础路由` // 如果对这句话不理解,可以参考案例:https://github.com/mi.原创 2022-03-31 10:13:46 · 3175 阅读 · 0 评论 -
qiankun微前端 vue 项目切换主应用然后切换回来 页面的部分样式失效
这个问题只会在windows google浏览器上出现,火狐 edge 上都不会出现,mac 的google也不会出现解决方法将失效的这个路由渲染的这个组件 不使用 按需引入{ path: '/setting/dataChart', name: 'dataChart', component: () => import('/@/views/dataChart/index.vue'), meta: { icon: 'ion:home-outline', .原创 2021-10-22 11:04:16 · 2519 阅读 · 0 评论 -
通过npm 或者 yarn安装依赖时 报错 出现乱码解决方式
可以在package.json里加上这样一句话“resolutions”: {“bin-wrapper”: “npm:bin-wrapper-china”},他是解决安装位置不对原创 2021-09-28 09:22:03 · 3690 阅读 · 0 评论 -
vue3.0 + draggable拖拽模块 (解决 :Cannot read property ‘header‘ of undefined;以及解决拖拽时不能滚动页面)
Cannot read property ‘header’ of undefined 这个问题是draggable的版本不对,我换为"vuedraggable": "^4.1.0"这个版本就好了安装npm i vuedraggable@4.1.0 --save 或 yarn add vuedraggable@4.1.0使用<template> <div class="drag-box"> <Draggable :list="list" .原创 2021-09-23 17:06:45 · 6075 阅读 · 3 评论 -
vite+vue3.0 jsx (tsx) 踩坑报错ReferenceError: React is not defined
官方文档让我们配置babel.config.js,如果我们使用vite快速搭建的项目,那么就很遗憾不行,要换一种配置 1. yarn add '@vitejs/plugin-vue-jsx' 2. 配置vite.config.ts// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import vueJsx from '@vitejs/plugin-vue-jsx'.原创 2021-07-14 14:55:34 · 10555 阅读 · 1 评论 -
vue3.0父子组件自定义v-model传参
vue3.0自定义v-model父组件// 父组件<template> <div class="box"> <ul> <li>子父组件双向绑定的值{{testData}}</li> </ul> <!-- 自定义的v-model后面一定要跟:xxx xxx是你子组件接受的props值 --> <Child v-model:modelValue="testData"原创 2021-07-02 10:22:27 · 597 阅读 · 0 评论