vite 打包正式环境报错 require is not defined
摘要：本质原因是因为浏览器不识别commonJS的语法，需要通过插件做转换 解决方法: 方法1:项目代码中使用了require语法，使用这个插件便可以转换 npm i vite-plugin-require-transform -D // vite.config.js import requireTran
阅读全文
随笔分类 - Vue
Vue动态加载并渲染组件
摘要：1 <template lang='pug'> .container a-select(v-model='componentName' @change='onchange' style='width:200px' placeholder='请选择组件') a-select-option(v-for=
阅读全文
vue项目实现常见的三种文件类型在线预览
摘要：https://blog.csdn.net/weixin_52103939/article/details/122447620
阅读全文
v-for循环遍历图片不显示的原因
摘要：https://blog.csdn.net/shine_a/article/details/104437899?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECT
阅读全文
Ant Design of Vue 上传文件状态一直为uploading问题
摘要：需求： 多文件上传 ，上传的时候绑定fileList回显 问题： 上传成功了，也拿到了后台返回的数据，但是onchang监听的时候，file的状态一直是uploading 原因：onchange 只触发了一次 解决： 使用单文件上传时@change事件会至少触发两次，一次file.status=up
阅读全文
ant 进度条 自定义动画
摘要：a-progress( :showInfo="false" :percent="(item.number/item.total)*100" :strokeColor="(item.number/item.total)*100>=100?'red':'#4790FF'" :style ="{'--wi
阅读全文
关于 vue3 不使用根标签报错提示 [vue/no-multiple-template-root] The template root requires exactly one element
摘要：https://blog.csdn.net/weixin_43245095/article/details/112514687
阅读全文
provide和inject用法
摘要：-provide和inject是成对出现的，用于父组件向子孙组件传递数据 -provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量 需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provider中的数据
阅读全文
vue自定义组件上的v-model如何与子组件数据绑定
摘要：https://www.jianshu.com/p/695ca638783a
阅读全文
路由重复跳转
摘要：import Vue from 'vue' import VueRouter from 'vue-router' import store from '@/store' Vue.use(VueRouter) //解决路由跳转原路由或者刷新出错 const originalReplace = VueR
阅读全文
vue——样式穿透(深度选择器)/deep/ >>> ::v-deep 三者的区别
摘要：##在项目中为了避免页面间样式污染常用scoped组件私有化，如果要改变element-ui的样式时需要用样式穿透才可复写样式。 ###/deep/ //在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错 /deep/ .el-input { width: 60
阅读全文
Vue Cli 项目打包体积过大，优化vue项目体积
摘要：最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。 首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下 1.BundleAnalyzer 作用：展示打
阅读全文
vue关闭eslint检查
摘要：#####1.在代码上编写 /* eslint-disable*/ /* eslint-disable*/ let a = 3; #####2.在package.json文件中，对"eslintConfig"中配置rules "rules": { "no-unused-vars":"off" } #
阅读全文
路由的四种跳转方式
摘要：1. router-link1. 不带参数<router-link :to="{name:'home'}"><router-link :to="{path:'/home'}"> //name,path都行, 建议用name// 注意：router-link中链接如果是'/'开始就是从根路由开始，如果
阅读全文
组件几个注意点
摘要：<div id='demo'> <!-- 使用组件 --> <my-school></my-school> <hello></hello> </div> <script src="../js/vue.js"></script> <script> /* 几个注意点： 1.关于组件名： 一个单词组成：
阅读全文
Vue虚拟DOM
摘要：虚拟DOM `Vue的模板标签,被Vue解析成一套虚拟DOM结构,Vue内部将虚拟DOM解析成真实DOM,真实DOM属性过多,遍历耗时(大概300来个属性)` 虚拟DOM diff算法 用来比较新旧虚拟的 同级比较 1.根标签改变,删除重新建立整个DOM树 2.根元素未变,属性改变 DOM复用,只更
阅读全文
