流年＊痕迹-CSDN博客

原创 npm包安装命令及显示~^区别

包安装命令安装到生产环境,并添加到package.json文件的dependencies属性中npm i vxe-tablenpm i vxe-table --savenpm i vxe-table-S显示：“dependencies”: {“vxe-table”: “^3.3.0”},安装到开发依赖，并添加到package.json文件的devDependencies属性中npm i vxe-table --save-devnpm i vxe-table -D显示：“

2021-04-30 11:56:32 1400

原创 elememt-ui按需引入组件报错

背景：基于vue-cli3搭建的项目，按需引入报错按照官方文档，按需引入组件，如下：1.安装：npm install babel-plugin-component -D2.在babel.config.js中修改配置module.exports = { presets: [["es2015", { modules: false }]], plugins: [ [ "component", { libraryName: "element-ui",

2021-04-18 14:39:33 307

原创基于blob对象，模拟a标签，实现下载文件

请求头设置responseTypeheaders:{ 'responseType': "blob" },在组件中调用//调用方法，获取后台返回的二进制数据流this.operateRecordLoad().then((res)=>{ /** 生成blob对象拼接\uFEFF避免中文乱码问题（也可以由后端配置好，则不用拼接\uFEFF），设置文件格式，不设置默认为txt **/ let blob = new Blob(['\uFEFF'+res],{type: "a

2021-03-17 19:04:52 415

原创 vue中通过自定义指定实现div标签的拖拽

在vue中通过自定义指令实现div标签拖拽在组件中定义drag指令需要拖拽的容器标签中添加v-drag在组件中定义drag指令directives: { drag(el) { el.onmousedown = function(e) { var x = e.pageX - el.offsetLeft var y = e.pageY - el.offsetTop document.onmousemove = function (e) {

2021-03-10 19:00:35 898

原创基于element-ui的el-selection实现全选功能

//组件<template> <el-select multiple collapse-tags v-model='selectedArray' @change='changeSelect' placeholder='请选择' @remove-tag="handleRemoveTag"> <el-option label='全选' value='all' @click.native='selectAll'></el-option> &lt

2021-02-26 10:57:18 1221

原创深拷贝与浅拷贝

const obj1 = {name:'lili',age:18}const obj2 = {name:'xiaoming',say}const obj3 = {name:'xiaohua',sex:'nv',child:[obj1,obj2]}1.Object.assign():用于合并对象本身可枚举的属性，合并至第一个对象上，并返回此目标对象，浅拷贝const result1 = Object.assign(obj1,obj2,obj3)//合并对象const result1 = Objec

2021-02-19 16:06:41 120

原创 Vxe-table组件库中分页组件vxe-pager每页显示条数的bug

Vxe-table组件库中分页组件vxe-pager每页显示条数的bug代码代码<vxe-pager @page-change="getList" :current-page.sync="pageConfig.currentPage" :page-size.sync="pageConfig.currentSize" :total="pageConfig.total" :layouts="['Total','PrevJump', 'PrevPage', 'Number'

2021-02-04 15:18:50 2793

原创 vue项目中在单独的js文件中使用element ui

vue项目中在单独的js文件中使用element ui例如要使用MessageBox组件例如要使用MessageBox组件1.引入组件import { MessageBox } from ‘element-ui’;2.使用MessageBox.confirm(“这是一个内容”,“这是一个标题”,{distinguishCancelAndClose: true,confirmButtonText: ‘确认’,showClose:false,showCancelButton:false}).

2020-12-25 10:40:57 1568

原创 Js中常用数组方法

这数组方法里写自定义目录标题数组方法//1.Array构造函数上的方法 //1.1 Array.of :将一组值，转为数组，解决了new Array()的缺陷 // const arr = Array.of(4,7,4) // console.log(arr) //[4,7,4] //1.2 Array.from:传入伪数组，返回一个数组 // function fn(){ // return Array.from(arguments) // } // consol

2020-11-24 19:59:28 104