
vue
程序开发猿
这个作者很懒,什么都没留下…
展开
-
vue文件流导出封装 兼容ie
问了不影响原先的axios封装 及拦截 重新定义了一套新的专用于文件流的导出方法 并兼容ie10以上excelFileDown.js/* * @Author: your name * @Date: 2021-11-24 15:58:37 * @LastEditTime: 2022-02-08 18:50:57 * @LastEditors: Please set LastEditors * @Description: 打开koroFileHeader查看配置 进行设置: https://gi原创 2022-02-09 10:22:41 · 637 阅读 · 0 评论 -
vue的双向绑定原理
Vue2x: vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。Vue3.0: 是数据劫持的方式由Object.defineProperty更改为Proxy 代理是采用数据劫持结合发布者-订阅者模式的方式,通过new Proxy()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。...原创 2021-06-21 09:42:46 · 122 阅读 · 0 评论 -
vue 路由:id 可有可无
只需要在router路由后面加一个?就可以了{ path: '/CreatPost/:id?', name: 'CreatPost', component: () => import('./views/CreatPost.vue')}原创 2021-05-14 10:21:01 · 565 阅读 · 0 评论 -
vue-quill-editor 自动获取焦点问题
vue-quill-editor 在获取到接口传过来的内容之后会获取焦点,所以 思路就是调用接口之前先禁止获取焦点,获取到内容之后再开启。放到mounted中this.$refs.myQuillEditor.quill.enable(false);接口调用之后 并获取到内容之后调用this.$nextTick(()=>{ this.$refs.myQuillEditor.quill.enable(true);})...原创 2021-05-07 15:32:24 · 2456 阅读 · 0 评论 -
vue3异步组件Suspense使用方法
App.vue<template> <div id='app'> <Suspense> <template #default> <dog-show /> </template> <template #fallback> loading.... </template> </Suspense>原创 2021-05-07 14:43:40 · 831 阅读 · 0 评论 -
Vue3和Vue2.6x的生命周期对比
Vue2.6 ---------------------- vue3 beforeCreate -> setup() created -> setup() beforeMount -> onBeforeMount mounted -> onMounted beforeUpdate -> onBeforeUpdate updated -> onUpdated beforeDestroy -&原创 2021-05-06 17:21:12 · 300 阅读 · 0 评论 -
vue 使用BaiduMap
在vue 中使用Baidu Map 需要引入 vue-baidu-map包该项目是使用地图标注获取经纬度npm install vue-baidu-maphtml:<baidu-map class="bm-view" :zoom="zoom" :center="center" inertial-dragging :ak="selfKey" @zoomend="getZoomend" :scroll-wheel-zoom="原创 2021-05-06 16:45:59 · 653 阅读 · 0 评论 -
vue 压缩gzip文件
压缩gzip vue.config.js 文件 module.exports中configureWebpack: config => { if (process.env.NODE_ENV === 'production') { config.plugins.push(new TerserPlugin()) config.plugins.push(new CompressionWebpackPlugin({ algorithm: 'gzip',原创 2021-05-06 16:33:16 · 210 阅读 · 0 评论 -
vue打包/上线部署及性能优化
1、v-for和v-if不要在同一级使用,v-for比v-if的优先级高 会先执行循环,同时使用了会每次循环都执行一次v-if,2、vue 中使用的js资源 尽量的使用cdn方式在加载,以此减少打包之后的体积例:externals: { jquery: 'jQuery'}//[webpack外部扩展功能](https://www.webpackjs.com/configuration/externals/)3、路由器的按需加载//ES6方式加载{ path:'/denglu',原创 2020-12-14 16:49:45 · 358 阅读 · 0 评论 -
vue2.6x 使用echarts图表
后台管理系统必不可少的图表统计earchs,引入很简单官网中写了webpack引入earchs下载:当然 vue2.5引入的方式跟webpack有些区别的直接用import引入 ,注意:引入不要公共引入 不然包太大,影响加载速度,不然上线之前 性能优化也会需要再次处理。import echarts from 'echarts'例:<template> <div class="chinaMap"> <div id="map" ref="MapMountNode原创 2020-12-14 16:48:51 · 1250 阅读 · 2 评论 -
vue路由传参及组件传参和组件方法调用
VUE路由和组件传参第一种vue自带的路由传参的三种基本方式1.通过name :id传参子组件通过$route.name接收参数{ path: '/particulars/:id', name: 'particulars', component: particulars}this.$router.push({ path: `/particulars/${id}`,})通过p>{{KaTeX parse error: Expected 'EOF',原创 2020-10-30 10:31:16 · 854 阅读 · 0 评论 -
elementui NavMenu导航菜单默认展开
近期项目用vue+element ui 做了一个新的后台管理系统 用到了菜单模块, 功能需要他刷新返回自动展开原本的导航列表,经过网上搜索发现 现有网上的博客都不能实现(可能是我自己的原因),经过摸索发现,默认展开导航需要两个关键属性default-openeds和default-active,官网上解释的 当前激活菜单的 index 和 当前打开的 sub-menu 的 index 的数组,多的不哔哔了 上代码看就懂了:default-openeds="defalut"中的defalut指的是['1原创 2020-10-30 10:24:05 · 6889 阅读 · 1 评论