「已注销」-CSDN博客

原创 vue 清空input file选择的文件

resetUploader() { //重写一遍input元素 document.getElementById('input').outerHTML = document.getElementById('input').outerHTML //曾经@change="handleInput"绑定的事件解除了，要重新绑定一遍 document.getElementById('input').addEventListener('change', this.handleInput).

2021-01-19 19:08:30 1764

原创 vue textarea高度自适应方法挺简短的

这个方法的思路借鉴了https://alistapart.com/article/expanding-text-areas-made-elegant/效果：代码：（去掉了不关键的样式部分) 注意：要加样式的话在.input{}里加<div class="text"> <pre class="input"><span ref="preTxt"></span><br/></pre> <t...

2021-01-18 18:35:37 549

原创 prettier 格式化不生效 Cannot read property ‘start‘ of null

问题可能出在html里的闭合标签或者空标签没加斜线比如我项目里问题就出在<br/>写成<br>了

2021-01-18 15:29:19 420

原创 vue 通过p5.js实现声音可视化颜色跟随歌曲图片主色变化

注意：1. 最好先在https://editor.p5js.org/上写好想要的效果再往vue上移，不过直接在vue上写也行；2. 关于p5js: 先在global mode下写再转化成instance mode 比较简单，但直接在instance mode下写也行；关于这两种mode：https://github.com/processing/p5.js/wiki/Global-and-instance-mode3. 关于引入p5js：用npm会有问题，我是用的cdn, 既要引...

2021-01-17 14:40:02 2762 1

原创 vue less 切换主题（皮肤）

记录一下基于vue和less的项目是咋切换主题的。这个方法适用于已经在代码里到处都是less全局变量或mixins，想让每个变量在不同主题下有不同的值的情况。不兼容ie就以一个颜色举例：假设我已经在项目里使用了很多次@dark1-background: #141414，这个全局变量已经被存放在variables.less里1. 写一个theme.css用于存放所有主题的所有样式，不同主题下@dark1-background所代表的颜色不同.dark-theme { --dark1-ba..

2021-01-14 21:24:13 2300 1

原创自己写一个表单组件，支持表单验证

啊啊啊不想用element-ui！不想因为一个小功能就引入一个大插件！而且还得改样式！1. 使用方式：1）<my-form ref="loginForm"> <my-input v-model="form.username" placeholder="请输入用户名" :rules="formRule.username" > <template v-slot:icon> ..

2021-01-13 14:29:48 336

原创 css 文本超出自动滚动

假设滚动的这个东西类名为name1. name的父元素宽度一定，且小于name的宽度，且父元素overflow: hidden;2. 下面2.35rem是name的父元素的宽度, 可替换为别的.name { white-space: nowrap;}.name.scroll { animation: 3s wordsLoop linear infinite;}@keyframes wordsLoop { 0% { transform: tra..

2021-01-11 12:05:25 8326

原创 vuex与localStorage配合存储搜索记录

1. 安装并引入good-storageimport storage from 'good-storage'2. state里面加一个searchHistory，其值为storage.get('__search__', [])其中： '__search__'只是往localStorage里存东西时的键，设成啥都行 []是假如localStorage里找不到上面的键，则返回的值，good-storage文档里有写3. mutations里面加一个能够修改searchH...

2021-01-10 11:50:20 297 2

转载 Error: Can‘t resolve ‘swiper/css/swiper.css‘ 解决方案

问题出在 main.js 中import 'swiper/css/swiper.css'这句话上应该替换为import 'swiper/swiper-bundle.css'

2020-09-04 18:28:26 6823

原创 element-ui 表格取消鼠标悬停高亮效果

.el-table__row:hover > td { background-color: #ffffff !important;}.el-table__row--striped:hover > td { background-color: #fafafa !important;}

2020-08-15 20:11:43 8111 4

原创 vue 通过回车键使焦点移到(focus)下一个element ui输入框

<el-form-item label="邮箱" prop="email"><el-inputv-model="addForm.email"@keyup.native.enter="focusNext('mobile')"></el-input></el-form-item><el-form-item label="手机" prop="mobile"><el-input v-model.number="addFor

2020-08-15 14:49:46 3135 1

ellynxu的博客