![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
天才和人才就差了二
呵呵。。。
展开
-
【学习记录21】Vue+ElementUI el-upload多文件上传,一次请求上传多个文件!
前情回顾说点废话。。。1、项目当中遇到需要上传多个图片,一次选取多个图片。但是吧el-upload默认只能一个一个传,每次上传成功还的自己去push,一个一个去判断。2、关键是后台给的接口,要一次性接收一堆,无奈之下只能去网上搜索,大佬们都是给的代码片段无法直接使用。3、闲下来就想着自己写一个吧。大家共同学习进步,我也巩固一下知识点!有问题的地方欢迎各位大佬指正!话不多说直接撸代码!!!原创 2023-03-30 09:47:14 · 7779 阅读 · 5 评论 -
Vue — 详解mixins混入使用,应用场景
当我们的项目越来越大,我们会发现组件之间可能存在很多相似的功能,你在一遍又一遍的复制粘贴相同的代码段(data,method,watch、mounted等),如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度,针对这种情况官方提供了Mixins特性混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。......转载 2022-08-31 14:58:49 · 4878 阅读 · 6 评论 -
【学习记录20】vue使用blob流预览word ,Excel,pdf,TXT,图片,视频
TXT,PDF直接使用浏览器本身预览excel使用插件 xlsx,这个插件需要用到arraybuffer的流格式,我是使用前端转换的详见js代码,也可以叫后台返回arraybuffer的数据流word 使用插件 docx-preview话不多说直接上菜,css样式自己调就行。.........原创 2022-08-12 17:35:32 · 12391 阅读 · 14 评论 -
【学习记录17】vue3使用mockjs
1、安装mock依赖npm installmockjsnpm installvite-plugin-mock2、在src目录下创建mock目录文件夹 ,并创建index.jsexport default [ { type: 'get', url: '/api/getUser', response: () => { return [{name: 'tttt', age: 18}] } }]3、在vite.config.j..原创 2021-12-13 17:26:21 · 1707 阅读 · 0 评论 -
【学习记录15】vite+vue3的配置文件
话不多说直接上代码!下面是最近学习中使用的,不断加入中....../*vite.config.js*/import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'export default defineConfig({ plugins: [ vue() ], css: { // css预处理器 preprocessorOpti原创 2021-10-19 10:48:10 · 524 阅读 · 0 评论 -
vue3使用表单el-form的坑+el-input无法输入+el-date-picker选择时间不能赋值
遇到一个大坑,弄了好几个小时才找到问题。vue3使用el-form的时候,如下代码,会导致输入框无法输入,无法赋值,选择框无法选择<el-form class="my-form" ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el-input v-model="form.name"></el-input> </el.原创 2021-09-14 17:11:52 · 3723 阅读 · 0 评论 -
学习记录【13】VUE路由异步加载(懒加载)并起别名
一、异步加载设置// 无异步的路由import A from '@/views/recommend'// 异步路由const A = () => import('@/views/a'/* webpackChunkName: "recommend" */)1、如果不设置异步路由所有的js都会打包到app.js中2、设置异步路由后,访问a路由的时候才会加载这个路由相关的js,比如控制台network的js中a路由对应的就会出现0.js类似的这种js二、路由起别名// .原创 2021-08-09 16:51:11 · 1325 阅读 · 2 评论 -
【学习记录12】VUE设置路由命名视图
一个vue项目App.vue中设置两个router-view,根据不同的配置显示不同的视图,比如说:路人A,B路由使用正常的router-view,另一个特殊的路人(多动症)C 路由使用一个带动画路由。一、路由文件设置,一般的文件路径都是router/index.jsconst routes = [ { path: '/a', component: A }, { path: '/b', component: B }, { path: '/原创 2021-08-09 15:18:58 · 275 阅读 · 0 评论 -
【学习记录8】vue项目中全局引入cass(scss)变量和sass(scss) mixin
一、全局引入cass(scss)变量和sass(scss) nixin,这样就可以直接使用变量和mixin了,不用给每个vue文件都import相关文件1、使用场景variable.scss文件样例// 颜色定义规范$color-background: #222;mixin.scss文件样例// 背景图片@mixin bg-image($url) { background-image: url($url + "@2x.png"); @media (-webkit-min-原创 2021-04-13 16:34:47 · 651 阅读 · 0 评论 -
VUE安装vuecli脚手架并用vuecli4创建一个vue3的新项目
一、安装脚手架VUECLI1、安装vueclinpm install -g @vue/cli// ORyarn global add @vue/cli2、检查是否安装成功,使用vue --version// ORvue -V// 查出的结果如下@vue/cli 4.5.123、升级vueclinpm update -g @vue/cli// 或者yarn global upgrade --latest @vue/cli二、创建项目1、使用命令:vue..原创 2021-04-09 16:34:14 · 467 阅读 · 0 评论