北风几吹夏

摘要： 同一个页面需要通过判断来引入不同的文件时，发现 import 写在 if 中这种写法会导致加载不到文件，产生报错； const platform= localStorage.getItem("platform"); if (platform "pc") { import { pc} from "@/ 阅读全文

摘要： 安装 // npm npm install --save nprogress //Yarn yarn add nprogress 直接引入js、css或者通过cdn引入 <script src='nprogress.js'></script> <link rel='stylesheet' href= 阅读全文

摘要： 引言 在 Vue2 中，异步组件和路由懒加载处理使用 import 就可以很轻松实现。但是在Vue 3.x 中异步组件的使用与 Vue 2.x 完全不同了。本文就详细讲讲vue3中异步组件和路由懒加载的实现。 Vue3 异步组件/路由 一、前言 1-1.三点变化： a.异步组件声明方法的改变：Vue 阅读全文

摘要： 控制台警告Runtime directive used on component with non-element root node. The directives will not function as intended. 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上 也就是这 阅读全文

摘要： Vue 3 中兄弟间传值可以使用 Vuex，但小项目使用过于庞大，我们可以使用mitt进行兄弟组件间传值。 操作步骤 第一步：安装 mitt npm i mitt 第二步：创建文件（例如：eventBus.js） import mitt from 'mitt' export default mitt 阅读全文

摘要： element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证，这样会减少消耗 其实很简单，直接在el-input上加一个属性就行:validate-event="false" Form 表单组件的表单属性都有这么一个属性 示例 <template> <el-form ref="fi 阅读全文

摘要： 问题 vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题 这里我们先看看vite官方文档的解释： https://vitejs.bootcss 阅读全文

摘要： 例如做一个边框特效 @keyframes huerotate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rorate(360deg); } } .border{ border-bottom: 1px solid #aaa; box-s 阅读全文

摘要： 解决办法 append-to-body后上层就不在div在html下了,所有不能写在scoped里面,得单独写 阅读全文

摘要： 问题 在vue.config.js 文件配置插件引入时，报错： ERROR Invalid options in vue.config.js: "plugins" is not allowed。 解决方法 webpack 相关的配置需要写到 configureWebpack 里，不能直接写在外面。 阅读全文