![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
a丶谁谁
come on!
展开
-
js打包文件生成zip
使用npm i jszip、npm i file-saver、npm i axios安装插件1、下载文件流:import JSZip from 'jszip'import FileSaver from 'file-saver'import axios from 'axios'const getFile = url => { return new Promise(async (resolve, reject) => { const obj = { metho原创 2021-08-25 09:33:51 · 1381 阅读 · 0 评论 -
前端OSS分片上传(vue版)
使用vue前端大文件直传OSS、使用分片上传<template> <div class="big-file-upload"> <div class="el-upload el-upload--text"> <div class="el-upload-dragger" :class="isDrag?'is-dragover':''" @click.stop="onUploadFile"> <div class=原创 2021-08-13 17:13:42 · 1656 阅读 · 0 评论 -
element中的select加checkBox
只需要重写select的样式就看可以啦!!!// 重写el-select下拉选择框// ******************** //.dc-multiple-select .el-select-dropdown__item::before { content: ""; position: absolute; top: 9px; right: 16px; font-size: 12px; font-weight: bold; -webkit-font-smoothing原创 2021-07-23 11:40:01 · 455 阅读 · 0 评论 -
element-ui的el-select远程加载数据后被遮挡
可以通过使用debouncedOnInputChange() 方法重新计算el-select的可视范围例:this.$refs.selectEmploy.debouncedOnInputChange()原创 2021-07-13 18:07:16 · 323 阅读 · 0 评论 -
前端面试(js、vue)
前端面试(偏vue):1、谈谈MVVM架构模式2、vue的computed和watch的区别3、谈谈vue的生命周期4、v-show和v-if指令的共同点和不同点5、vue路由跳转传参方式6、谈谈js的this指向问题7、谈谈js的数据类型和浅拷贝与深拷贝8、浏览器的几种数据缓存方式9、谈谈http和https请求以及请求方式和数据传输10、谈谈css、sass、less...原创 2021-03-17 09:14:14 · 103 阅读 · 0 评论 -
js动态插入vue组件(代码片段)
const tipComponent = Vue.extend({ template: `<el-tooltip placement="right" effect="light" :popper-options="{ boundariesElement: 'body', gpuAcceleration: false, removeOnDestroy: true }" :open-delay="0" .原创 2021-03-15 10:47:04 · 1006 阅读 · 0 评论 -
vue3.0各种基本composition api
<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>{{ myObj.name }}</h2> <div></div> <van-button @click.stop="onAddCount" square type="primary">单次累加:({{ count }})</van-button>.原创 2020-12-07 22:23:12 · 140 阅读 · 1 评论 -
vue2.0 和 3.0区别
1.数据的双向绑定的异同Vue2.0使用Object.defineProperty, Vue 3.0使用ES6的新特性porxy2.0、原理:使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发生改变发出通知(无法深度劫持)3.0、原理:使用ES6的新特性proxy来劫持数据,当数据改变时发出通知(可以深度劫持)2.0 代码: 1 <!DOCTYPE html> 2 <html lang="en">原创 2020-11-30 11:04:15 · 356 阅读 · 0 评论 -
element的table通过后台获取功能权限控制之后的列表宽度
vue通过后台获取功能权限控制之后的列表宽度export function getWidth() { if (document.getElementsByClassName('btn-group').length <= 0) return 0; let maxIndex = 0; for(let i=0;i<document.getElementsByClassName('btn-group').length;i++) { let currentLength = doc原创 2020-06-18 18:07:14 · 205 阅读 · 0 评论 -
vue3.0最新初体验
vue3.0之初体验直接上代码<template> <div class="text"> <h1>当前数值:{{ count }}</h1> <h2>当前数值 * 2:{{ doubleCount }}</h2> <h3>vuex中的数值a:{{ a }}</h3> <button @click.stop="add">添加</button>原创 2020-05-28 15:25:29 · 466 阅读 · 0 评论 -
element-ui的popover组件位置偏移
element-ui的Popover组件在使用的时候,如果el-popover里面的数据是动态的,有时候会出现位置偏移不在可视区域范围内的情况,主要是popper-options这个参数要设置,还请大家看看popper.js的文档,记住选着popper.js的文档哈<el-popover ref="dcPopover" placement="left" width="797...原创 2019-11-15 14:02:29 · 23815 阅读 · 13 评论 -
element的table大量数据渲染卡顿解决
B/S架构遇到很多的问题应该就是大数据渲染了(毕竟javascript单线程)在使用table的时候,用户想操作大量表格数据(别跟客户说改需求了,不行的)使用vxe-table就能解决我们的好多问题,不得不说,这是我遇到过最好的table了,完美解决了我的需求。npm install xe-utils vxe-table 让我们快点开始吧 import Vue fr...原创 2019-11-15 13:52:14 · 5656 阅读 · 0 评论 -
element-ui中table大量数据渲染卡顿
element-ui中的el-table在使用大量数据的时候卡顿、卡顿、卡顿(重要的事将三遍),特别是在table中还使用el-checkbox来进行全选的时候,点击按钮直接卡顿3s界面才渲染,有没有很痛苦(反正我是很痛苦),其实,可以使用pl-table来处理表格的(不是我写的);eg:就像这样<pl-table row-key="id" ...原创 2019-11-12 16:06:18 · 12839 阅读 · 3 评论 -
vue动态路由-后端接口
*通过获取后台用户信息的权限来进行路由的动态加载store.dispatch('GetInfo').then(res => { // 拉取用户信息 let permissionData = tool.deepCopy(store.getters.permission) let getData = (obj) => { ...原创 2018-11-02 09:17:45 · 3573 阅读 · 0 评论