
前端
EruruI
这个作者很懒,什么都没留下…
展开
-
axios取消
首先动态绑定指定的xhr对象原创 2022-07-05 09:15:30 · 259 阅读 · 0 评论 -
Vue3安装Vuetify和使用Fontawesome6
vue3需要使用3版本的vuetify"vuetify": "^3.0.0-beta.0",首先项目里需要有fontawesome,提示:css和webfonts文件夹即可src下新建plugins文件夹,命名例如vuetify.jsimport '@/assets/css/fontawesome6/css/all.min.css'import 'vuetify/lib/styles/main.sass'import { createVuetify } from 'vuetify'impor原创 2022-04-14 16:04:30 · 2194 阅读 · 2 评论 -
CSS淡出
<div class="build-in-scale-up" :class="{'build-in-animate':buildUp}"></div>.build-in-scale-up.build-in-animate { opacity: 1; transform: scale(1) translateY(0);}.build-in-scale-up { opacity: 0; transition: opacity .7s cubic-bezier(0原创 2022-03-17 17:29:50 · 1090 阅读 · 0 评论 -
CSS光标闪烁
<span class="animation-is-typing"></span>.animation-is-typing { position: relative;}.animation-is-typing::before { position: absolute; top: 0px; right: -0.8em; bottom: 0px; display: block; height: 100%; margin-top: auto;..原创 2022-03-17 17:28:12 · 1594 阅读 · 0 评论 -
Vue3迁移笔记(持续更新2022/3/18)
vue3迁移vueRouter4.x、vue3迁移vuex4、vue3实例化、vue3setup()函数、vue3methods、vue3computed、vue3watch、vue3生命周期钩子原创 2021-12-23 16:24:23 · 1722 阅读 · 0 评论 -
【js注入】全局修改js请求方式、url参数等
所需工具chrome、chrome暴力猴插件/chromeTampermonkey油猴插件脚本①——Ajax hook!function (ob) { ob.hookAjax = function (funs) { window._ahrealxhr = window._ahrealxhr || XMLHttpRequest XMLHttpRequest = function () { this.xhr = new window._ahr原创 2021-10-13 10:36:54 · 1305 阅读 · 0 评论 -
bootstrap-select-data-live-search热搜索/热加载
<select id="datasearch" data-live-search="true" liveSearchStyle="contains" autocomplete="off" class="selectpicker form-control" title="请输入信息模糊查询">当下拉菜单对用户可见时,触发了shown.bs.select事件。会发现出现一个input框↓<div class="dropdown-menu open" style原创 2020-09-28 16:06:26 · 4874 阅读 · 0 评论 -
BootstrapSelect实现加载默认选中
默认选中的实现方式比如有个Children数组,每个元素都具有id和name,将id作为value存入option选项中。你想要默认选中id为特定值的选项。var selectedId=666 $.each(result.CHILDREN, function (i, item) { if(item.ID=selectedId){ $(".selectpicker").append('<option selected value="' + item.ID + '"原创 2020-07-29 10:35:34 · 3519 阅读 · 0 评论 -
教你如何去掉ElementUI Table的hover变色
在自定义Element的时候,有一些自带特效我们不想要,去掉又不知道怎么去掉。比如Table的hover变色。其实方法并不是去掉,而是让他看起来不变。开始↓定义单元格背景色:<el-table :cell-style="{background:'#f5f5f5'}" >定义单元格hover颜色: .el-table tbody tr:hover>td { background-color:#f5f5f5 !important }原创 2020-06-01 18:20:56 · 14339 阅读 · 7 评论 -
教你把ElementTable单元格的四个角变圆/自定义特定单元格样式
自定义单元格样式<el-table:cell-style="setSellStyle"></el-talbe>用setSellStyle这个方法去控制<el-table的单元格样式methods: { setSellStyle({ row, column, rowIndex, columnIndex }) { if (column.label === '名称') { return "background:#e8e8e原创 2020-06-01 15:52:59 · 6767 阅读 · 3 评论