Adoro的博客

element主题色切换

Adoro — Tue, 10 May 2022 15:02:55 +0800

在网上搜了很多主题切换方案，发现没有适合自己项目的，不得已结合根据实际情况做一个子主题切换的功能。其中参考了element官方的theme-chalk-preview，感兴趣的可以自己研究一下主要功能是基于less切换主题色，可以自定义颜色，同时结合Vuex和localStorage对主题色进行缓存，在下次进入项目时初始化代码地址：theme-chalk-preview代码预览地址：theme-chalk-preview预览首先说一下我的项目环境： Vue: 2.6.10 Less: 3..

element el-table 内容超出省略号显示

Adoro — Fri, 18 Feb 2022 11:16:35 +0800

element的el-table内容超出省略号显示

通过css将多张图片绘制成帧动画

Adoro — Wed, 30 Jun 2021 14:09:22 +0800

通过css将多张图片绘制成帧动画使用关键：@keyframes、animation 1.定义一个容器

这个容器用于放置背景图片 2.编写css @keyframes gif { 0% { background-image: url('图片路径'); } 25% { background-image: url('图片路径'); } 50% { background-image: url('图片路径')

浅拷贝与深拷贝、Object.assign和JSON.parse(JSON.stringify())的区别

Adoro — Sat, 08 May 2021 17:31:12 +0800

浅拷贝: Object.assign() 深拷贝: JSON.parse(JSON.stringify()) 什么是浅拷贝？对于字符串类型，浅复制是对值的复制，对于对象来说，浅复制是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变。什么是深拷贝？深拷贝是开辟新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。若对象是基础数据类型。此时 Object.assign()可实现深拷贝

element表格当删除最后一页仅有的一条数据时，页面会置空

Adoro — Tue, 27 Apr 2021 15:36:13 +0800

vue表格当删除最后一页仅有的一条数据时，页面会置空方法一：在请求表格数据时做处理 data() { queryInfo: { pageNum: 1, // 页码 pageSize: 10, // 每页展示数量 }, total: 0, tableData: [] } methods: { // 请求表格数据 async getTableData() { const res = await xxxx(你的请求) /** * total 数据总量 * records 当

video.js 报错：your browser did not support

Adoro — Thu, 15 Apr 2021 16:15:38 +0800

video.js 报错：The media playback was aborted due to a corruption problem or because the media used features your browser did not support 最近做H5页面实现加载直播流的功能。在pc浏览器上一切正常，但是在微信浏览器中打开页面就提示The media playback was aborted due to a corruption problem or because the m

vite引入dragula报错：global is not defined

Adoro — Thu, 01 Apr 2021 09:24:28 +0800

错误来源： vite在引入dragula的时候，报错： ReferenceError: global is not defined 解决方法：

TypeError: this.getOptions is not a function

Adoro — Wed, 24 Mar 2021 15:47:11 +0800

TypeError: this.getOptions is not a function 错误提示：错误原因：可以看到错误提示中含有 lang=scss，猜测可能是由于sass版本过高的原因进入项目package.json中可以看到sass-loader版本为11.0.1 接下来对sass-loader进行降级处理： 1.进入npm官网搜索sass-loader 选择右侧version可以看到其中有版本11.0.1、11.0.0、10.1.1，选择一个下载量较多的下级版本，这里选择10

Vue3全局使用axios

Adoro — Wed, 27 Jan 2021 15:41:09 +0800

Vue3全局使用axios1.安装axios2.引入axios3.使用axios 1.安装axios npm install axios -S 2.引入axios // main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' import axios from 'axios' app.config.globalProperties.$axios = axios ap