
VUE
vue
瑰
这个作者很懒,什么都没留下…
展开
-
vue3 实现echarts根据页面大小进行自适应
vue3实现echarts自适应原创 2022-11-18 12:14:48 · 1935 阅读 · 1 评论 -
VUE3 中实现拖拽和缩放自定义看板 vue-grid-layout
vue3 使用vue-grid-layout进行自定义拖拽布局原创 2022-11-18 11:27:06 · 12303 阅读 · 2 评论 -
vue3 封装高德地图通用组件
vue3 封装高德地图通用组件原创 2022-06-23 14:54:06 · 4051 阅读 · 0 评论 -
vue3 树结构实现可单选和多选功能
vue3 树结构实现可单选和多选功能, 树结构单选多选并存原创 2022-06-23 14:14:52 · 2794 阅读 · 0 评论 -
vue中对象数组去重
test() { let arr = [ {"tid": "1476441758236913665", "state": 1, "orderNumber": "HK-2020050065"}, {"tid": "1476442625975496706", "state": 1, "orderNumber": "HK-2020060223"}, {"tid": "1476442.原创 2022-03-23 14:29:23 · 2862 阅读 · 0 评论 -
数组数据去重,判断字符元素出现次数并统计这个次数
demo() { let data = [ // 模拟获取的数据 {"tid": "1478348630611169282", "region": "孟加拉"}, {"tid": "1478348630623752194", "region": null}, {"tid": "1478348630636335105", "regio...原创 2022-02-16 16:29:22 · 360 阅读 · 0 评论 -
数据可视化分析框架 amCharts 5
官网文档amCharts 5 框架官网https://www.amcharts.com/ 下载安装 amCharts npm install @amcharts/amcharts5 在组件的脚本部分导入 amCharts 库 import * as am5 from '@amcharts/amcharts5';import * as am5xy from '@amcharts/amcharts5/xy';import am5themes_Animated from '@amch.原创 2022-01-27 13:41:47 · 1838 阅读 · 6 评论 -
收藏的标签链接
网页设计常用色彩搭配表 - 配色表 - DIVCSS5色彩搭配看似复杂,但并不神秘。既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。将网页设计中常见的色彩搭配按照色相的顺序归类。搭配起来就会得到千变万化的感觉。http://www.divcss5.com/peise/Gradient Hunt - Beautiful Color Gradientshttps://gradienthunt.com/PNG images | 100 000+ Free PNG images原创 2021-11-30 14:53:55 · 325 阅读 · 0 评论 -
vue 实现el-table组件 点击某一行出现输入框可以编辑
1. 页面部分<div style="margin-top: 10px"> <el-table :row-class-name="tableRowClassName" border class="disabled-table" :cell-style="{padding: '0'}" :row-style="{height: '55px'}" :data="tableDataFeedingStrategy"原创 2021-06-04 16:54:12 · 4431 阅读 · 0 评论 -
vue Table 表格绑定批量删除功能
1.<el-tooltip class="item" effect="dark" v-if="selectionList" content="将选中当前分页的所有数据,请确认后操作" placement="top-start"> <el-button class="mr10" type="checkbox" :indeterminate="isIndeterminate" v-model="checkAll" @.原创 2021-06-04 16:15:05 · 1024 阅读 · 0 评论 -
vue elemenUi el-input组件 限制只能输入数字类型
1. 监听键盘输入,使用正则过滤掉其他字符<el-form-item label="饲料重量(g)/转:" :label-width="formLabelWidth" prop="perWeight"> <el-input v-model="feedForm.perWeight" autocomplete="off" maxlength="10"原创 2021-06-04 15:48:10 · 707 阅读 · 0 评论 -
vue中 Echarts的K线图和折线图使用
1. 页面中引入Echarts<template> <div style="width: 100%;height: 100%;"> <div class="statisticsMenu1"> <span class="title" v-if="father1">水料总汇 </span> <div class="item" :c原创 2021-05-31 13:43:50 · 655 阅读 · 0 评论 -
前端vue excel文件流导入两种方式
1. 第一种导入方式1-1. 使用组件 <div class="upload-excel"> <el-upload id="eccel" :disabled="buttonDis?true:false"原创 2021-05-31 12:30:13 · 1535 阅读 · 0 评论 -
前端VUE Element分页使用
1. 页面使用组件原创 2021-05-31 11:46:02 · 258 阅读 · 0 评论 -
前端vue导出文件流excel
1. 获取当前时间//获取当前时间getCurrentTime() { let yy = new Date().getFullYear() let mm = new Date().getMonth() + 1 let dd = new Date().getDate() let hh = new Date().getHours() let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMin原创 2021-05-31 11:20:58 · 977 阅读 · 0 评论