发根强劲-优快云博客

<template> <div> <a-tree :treeData="treeData"></a-tree> </div></template><script>export default { name: '', components: {}, props: {}, data() { return { treeData: [], oriData: [.

2022-04-19 09:29:45 867

<template> <a-table :dataSource="data" :columns="columns">  <div slot="filterDropdown" slot-scope="{ setSelectedKeys, selectedKeys, confirm, clearFilters, column }" style="paddi.

2022-04-01 10:32:04 2327 2

原创 vue 驼峰命名转换为下划线命名

<template> <div></div></template><script>export default { name: '', data() { return {} }, mounted() { let str = 'textName' const regular = /^[A-Z]+$/ let arr = str.split('') let i = [] arr

2022-03-09 09:42:06 1398

原创 vue 加减数字输入框

index主页面<template> <div> <numInput :frontTit="'限制年龄'" :afterTit="'周岁'" @num="getNum" /> <el-button @click="getData">获取</el-button> </div></template><script>import numInput from './numInput'.

2022-01-21 09:33:20 2166

原创 vue 高德地图地图新建、保存、编辑、清除绘制多边形

index页面<template> <div> <el-button @click="openEnclosure">绘制围栏</el-button> <draw-enclosure :show.sync="showDialog" :coordinate-string="temp.electronicFencePosition" @coordinate="enclosure" /> </div><...

2022-01-18 10:17:39 5873 3

原创 vue 高德地图点击获取坐标与地理位置

<template> <div class="coordinate"> <div class="toolbar"> <div>坐标: [ {{ lng }} , {{ lat }} ]</div> <div>地址: {{ address }}</div> </div> <div style="width: 100%;height: 300px;">.

2022-01-11 13:31:35 2172

原创 vue 高德地图绘制图形显示特定区域

<template> <div> <div id="mapbox" class="mapbox"> <div id="map" class="map" /> </div> </div></template><script>export default { name: '', components: {}, props: {}, data() { ..

2022-01-11 13:09:21 1650

原创树状结构根据获取父级id

<template> <div> <el-button @click="clickBtn">点击</el-button> </div></template><script>export default { name: "", components: {}, props: {}, data() { return { data: [{ children:

2021-12-30 14:49:19 714

转载 vue element table纵向表头

<template> <div>  <el-row>  <el-col class="borderLine" :span="6"> <el-row> <div :style="projectDivStyle"> <p>项目名</p>.

2021-12-17 14:42:03 2867 1

原创 vue 获取上一年今年下一年上一月本月下一月昨天今天明天

年月日用vue moment获取时间index.vue<template> <div> <div> <a-button @click="getBtnType(0)" type="primary" style="margin-right: 20px;">年</a-button> <a-button @click="getBtnType(1)" type="primary" style="mar

2021-12-13 13:15:03 2764

原创 vue使用dhtmlx-gantt

根据需求制作甘特图，绘制两时间段，相交地方为深颜色，没找到可以直接用的插件，于是就靠自己手动计算时间差与时间比例，但所得结果有部分误差，有更好组件欢迎交流安装npm install dhtmlx-gantt --saveindex.js<template> <div class="app-container"> <div ref="gantt" class="left-container" /> </div></templa.

2021-12-09 08:59:49 5518 9

原创 vue-lazyload 简单使用

main.jsimport VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad, { preLoad: 1, error: require('./assets/imgError.png'), loading: require('./assets/imgLoading.png'), attempt: 2,})index.vue<template> <div> <div id="lazyloa

2021-12-08 10:59:54 3347

原创 vue echarts饼图自动选中点击选中

UI框架为ant-vueindex.vue主页<template> <div> <a-card style="margin-bottom: 20px;"> <clickPieChart ref="chart1" @param="getParam1" :chartName="'chartName1'" /> <clickPieChart ref="chart2" @param="getParam2" :chartN.

2021-11-26 08:57:36 2043

转载 vue css vue-sticky粘性布局

index.vue<template> <div> <div style="background: skyblue;height: 600px;width: 100%;"></div> <div style="display: flex;"> <div style="color: #fff;background: red;width: 20%;height: 800px;top: 20px;">

2021-11-02 16:06:20 1276

原创 vue Ant Design of Vue 日历组件使用添加内容

<template> <div> <a-calendar @panelChange="onPanelChange" @select="select"> <ul slot="dateCellRender" slot-scope="value" class="events"> <li v-for="item in getListData(value)" :key="item.content" style="list-.

2021-11-02 15:54:46 3174 5

原创 vue Ant Design Vue 树形控件增删改操作

参考文章：https://www.cnblogs.com/yfrs/p/ant-tree.html框架：Ant Design Vue新增：新增下级：编辑：删除：树状页面：index.vue<template> <div> <a-card> <a-button @click="newlyAdded">新增</a-button> <a-tree :tree-data="treeData"

2021-10-14 10:47:21 2894 15

转载 vue获取当前时间的前七天日期

<template> <div> <div v-for="(item, index) in same_week" :key="index"> <span>{{ item.name }}</span> <span>{{ item.week }}</span> </div> </div></template><script>e

2021-08-11 09:52:27 3392 3

原创 vue 数组按时间排序

<template> <div> <div @click="sort()">时间排序</div> </div></template> <script>export default { name: 'TimeSort', components: {}, props: {}, data() { return { timeData: [{ time:'2

2021-08-10 10:49:41 4947

原创 vue 时间格式转换

index.vue<template> <div> <div>{{time | formatDate}}</div> </div></template> <script>import { formatDate } from '../common/formatDate';export default { components: {}, props: {}, data() {

2021-08-09 09:01:03 212

转载 vue 多条件密码强度校验

1.密码要求有数字、大写字母、小写字母特殊字符任选3种的组合, 密码最小长度最少要求有8位，最大20位2. 新密码中不能够包含帐户。3.密码中不能包含有连续四位及以上顺序(或逆序)数字(如：密码中不能包含1234或3210等)。4.密码中不能包含有连续四位及以上顺序(或逆序)字母，字母不区分大小写(如：密码中不能包含abcd或ABCD或AbcD或DcbA等)。5.密码中不能包含有连续四位及以上重复字符，字母不区分大小写(如：密码中不能包含8888、aaaa 或AAAA或BbbB或 $....

2021-08-09 08:46:00 2325

原创 vue高德地图轨迹回放联合视频

选择完车牌、时间后可进行轨迹回放可快进暂停播放停止拖动进度条引用高德地图2.0<script src="https://webapi.amap.com/maps?v=2.0&key=c82106818f3e54ca8f1345d85224a39f&plugin=AMap.DistrictSearch"></script><script src="https://webapi.amap.com/ui/1.1/main.js"></sc.

2021-08-07 11:31:59 496 3

原创 vue 自定义进度条

index.vue<template> <div> <Steps :stepInfo="stepInfo"> <template slot="temp"> <StepsT v-for="(item, index) in stepInfo.list" :key="index" :index="index" :stepInfo="stepInfo"> <template slot=".

2021-08-07 11:18:08 1553

原创 vue 手写签名

<template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canvasHW"> <canvas ref="canvasF" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd' @mousedown=".

2021-08-07 11:10:55 766

playbackCar.zip

空空如也