三155-优快云博客

自定义表格工具组件组件<template> <div class="top-right-btn"> <el-row> <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top"> <el-button size="mini" circle icon="el-icon-sear

2022-05-18 11:27:27 1060

原创 vue 鼠标右击

鼠标右击事件@contextmenu.stop // 阻止事件冒泡@contextmenu.prevent // 阻止原生事件触发@node-contextmenu // el-tree 中右击事件@click.right // 右击事件 <div class="head-container" @contextmenu.stop.prevent=""> <el-tree

2022-05-17 19:18:44 1264

原创修改滚动条样式

// vue index.html<style> ::-webkit-scrollbar-track-piece { background-color: #f8f8f8; } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb { background-c

2022-05-10 18:29:48 120

原创 ant-design vue table表格高亮某一行某一格

ant-design vue table表格高亮某一行某一格 // 页面表格 <a-table :columns="columns" :data-source="data" bordered :row-selection="ListOfSssignmentSelection" // 和高亮无关 :rowClassName="rowListOfSssignmentPoints" // 和高亮无关 size="midd

2022-05-10 15:51:28 1746

原创 Ant Cascader 级联选择三级

Cascader 级联选择动态加载数据 <a-cascader :load-data="loadCityData" v-model:value="value" :options="Provinces" placeholder="Please select" change-on-select @change="changeProvinces" /> <script>const Provinces = []exp

2022-04-07 10:07:41 1004 2

原创记录 ant a-table 表格合并且绑定点击事件

表格合并<a-table bordered :columns="addSupportColumns" // 标题:dataSource="addSupportDataSource2" // 内容>/** 一后台返回数据格式 this.addSupportDataSource1=[ { ..... , data: [] } ]*/ // 修改合并表格的数据二 async convertTableData(){ le

2022-03-15 14:29:03 981

原创公告：滚动条

滚动条<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen

2022-03-08 18:59:12 124

原创 vue 返回顶部

vue 返回顶部<template> <div> <div style=" height: 600px; padding: 10px; overflow-y: auto; overflow-x: hidden; " @scroll="myFunction($event)"> &l

2022-03-05 17:43:52 483

原创记录v-viewer使用

用于图片浏览的Vue组件 v-viewer官网npm install v-viewer<template> <div>  <div class="images" v-viewer> <img v-for="src in images" :key="src" :src="src"> </div>

2022-03-04 15:01:16 651

原创在线预览docx 和 excel

在线预览docx 和 excel预览docxnpm i jszipnpm i docx-preview<template> <div > <div ref="file"></div> </div></template><script>import axios from 'axios'const docx = require('docx-preview');window.JSZip = requir

2022-02-26 16:35:49 313

原创获取对象的长度

ES6的/**Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。*/let arr={}let atr=Object.keys(arr)console.log(atr.length) // arr长度 0 ...

2022-02-24 15:26:42 480

原创两个数组对比

两个数组对比将两个数组中不同的元素提取出来let YYdate=[2022,2023]let indeate=[2021,2022,2023] exist:function(num,arr){ for (var j = 0; j < arr.length; j++) { if (num === arr[j]) { return false; //如果传过来的元素在arr1中能找到相匹配的元素，我们返回fasle }

2021-12-10 16:18:11 496

原创 vue3.0 引入element-plus

vue3.0 引入element-plus安装element-plus npm install element-plus --save yarn add element-plus完整导入// main.js import { createApp } from 'vue' import ElementPlus from 'element-plus' import App from './App.vue' const app = createApp(App) // 在引入

2021-11-19 12:00:34 952 1

原创 eslint

在VScode上安装eslint和vetur插件,在设置中找到setting文件添加配置让VScode在保存时按照eslint规范来自动格式化// 重新设定tabsize"editor.tabSize": 2,// 每次保存的时候将代码按eslint格式进行修复"editor.codeActionsOnSave": { "source.fixAll.eslint": true},// 添加 vue 支持"eslint.validate": [ "vue", "html", "ja

2021-11-18 10:40:53 506

原创 echarts使用

echarts使用<template> <div class="marginB" style="width:80%;margin: 0 auto;"> <div id="main2" style="float:left;width:100%;height: 500px;margin: 0 auto;" ></div>

2021-11-15 11:56:22 711

原创 el-ment ui 给el-table的el-table-column表头前添加红色*号

添加红色*号<template> <el-table :header-cell-class-name="mustAdd"></el-table></template><script>export default { methods: { // lable红色 mustAdd({ row, column, rowIndex, columnIndex }) { // columnIndex 列下标 cons

2021-11-09 15:29:38 908

原创 break和continue以及return的区别

break和continue以及return的区别//for(初始值;循环条件;增量){// 循环体//}// continue 跳过某一次循环,还会执行下一次循环// break 跳出循环,结束循环//function 函数名称(参数列表){// 函数体// return 值; //返回值，调用函数后得到的结果//}//return用于函数体中，返回函数调用后的结果；如果函数中没有return或者return后不加任何的值则返回undefined；一旦return执行后

2021-11-08 19:28:35 111

空空如也

空空如也