- 博客(30)
- 收藏
- 关注
RSS订阅原创 解决elementui table固定列的时候，滚动条被遮挡无法拖动的问题
另外解决高度错位也有样式代码,请看如下。在页面加上以上样式就OK了。
2023-05-23 16:08:02
1251
原创 关于@src目录路径提示的配置
安装vscode插件 Path Intellisense 新增vscode中setting.json配置 "path-intellisense.mappings": { "@": "${workspaceRoot}/src" }3.在src根目录下新建配置文件jsconfig.json{ "compilerOptions": { "target": "ES6", "module": "commonjs", ..
2022-03-29 21:54:05
575
原创 rem适配
1.安装包// 作用：把px单位自动转成rem单位 (作用: 就是之前安装的vscode的插件的作用)yarn add postcss-pxtorem -D// 修改rem基准值的js插件 需要在打包后需要使用// 作用: 根据设置屏幕的宽度去调整rem的值（html标签上font-size的大小）// 它的默认计算方式是屏幕宽度的1/10，默认值是37.5yarn add amfe-flexible2 新建配置文件 postcss.config.jsmod...
2022-03-29 20:45:52
79
转载 vue视频播放插件
git项目地址：GitHub - surmon-china/vue-video-player: ???? @videojs component for @vuejs使用 安装：npm install vue-video-player --save 在main.js入口文件中引入 import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-play
2022-02-17 11:43:52
2138
原创 实现tab导航路由跳转
html篇 <div class="tab" v-for="i in tabs" :key="i.path" :class="{checked : navActive(i.path),}" @click="$router.push(i.path)" > {{i.name}} <div :class="{active : navActive(i.path),}
2021-12-26 17:56:58
730
原创 多文件下载含进度条可视频可图片
html篇<el-dialog title="下载进度" :visible.sync="dialogVisible"><el-progressv-for="(file, index) in downloadArr":key="index":percentage="file.percentage"/></el-dialog>data数据篇 data() { return { contextMenuData: {
2021-12-16 11:43:44
2743
原创 一键复制功能
安装命令是 npm install --save vue-clipboard2在main.js中引入 //剪切板import VueClipboard from 'vue-clipboard2'VueClipboard.config.autoSetContainer = trueVue.use(VueClipboard)组件中使用 //my_activity是在data中定义的要复制的字符串 <el-button ...
2021-12-02 16:12:21
134
原创 tree组件新增节点后依旧展开原来节点
组件内部有一个:default-expanded-keys方法就是默认展开的节点，思路就是每次点击节点的时候把绑定的数组里添加或者删除对应的id，如果已有就代表是折叠，需要删除这个默认展开，如果没有就添加到:default-expanded-keys=绑定的数组里去data里给dxk为空数组点击节点的时候这个flag必须要判断状态，不能无脑的push，不然永远无法折叠节点！！！！！...
2021-11-23 11:01:41
558
1
原创 给tree组件添加连接线
1.页面渲染<template> <div class='tree-line'> <el-tree :data="data" :indent='0' :props="defaultProps" @node-click="handleNodeClick"> </el-tree> </div></template><-- 注意： ：indent='0'这一项设置一下，..
2021-11-22 11:00:13
2355
原创 饿了么带提示功能的搜索框（用自己的数据）
1：将自己的数据对应的字段如t.name给到组件的t.value。this.tagList = list.map((t) => {t.value = t.name;return t;});2.// 返回输入建议的方法（合并写法，原本的其他方法不需要了）async querySearch(val, cb) {const restaurants = this.tagList;const results = val? restaurants.filter((t) =&
2021-11-14 14:30:06
681
原创 如何利用键盘添加时间全选及多选
《HTML》部分<div class="demo-image"><divclass="block"style="width: 24%; height: 24%"@click="changeIndex(index)"v-for="(item, index) in urls":key="index":class="{newchecked: currentIndex === index || currentArr.includes(index),}"@
2021-11-02 18:47:51
235
原创 router的配置
import Vue from "vue";import VueRouter from "vue-router";Vue.use(VueRouter);// 避免重复跳转同一个路由const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(location) {return originalPush.call(this, location).catch(err =&g
2021-09-01 14:39:51
123
原创 代理服务器（vue.config.js)
module.exports = {publicPath: "/",runtimeCompiler: true,devServer: {open: true,host: "localhost",port: 8080,https: false,hotOnly: false,proxy: {"/v（以/v开头的走代理）": {target: "代理去的地址",ws: true,changOrigin: true,pathRewrite: {"^/v":
2021-09-01 14:36:05
99
原创 base.scss
$FONT_PATH: 'https://static.tjstats.com/matchData/fonts/';// 字体@font-face {font-family: "din";src: url("#{$FONT_PATH}DIN.otf") format('truetype');}// mixin@mixin flex {display: flex;justify-content: center;align-items: center;}@
2021-09-01 14:31:15
246
原创 内嵌盒子自适应
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>哈哈哈</title><style>body::-webkit
2021-09-01 14:27:48
183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人