2024年12月27日
vue3 拖动弹窗
摘要： <script setup lang="ts"> import { useDraggable, useMouseInElement } from '@vueuse/core'; import type { CSSProperties } from 'vue'; interface Props { i 阅读全文
posted @ 2024-12-27 12:27 abcByme 阅读(6) 评论(0) 推荐(0) 编辑
vue3 表格下拉刷新
摘要： <script setup lang="ts"> import { Empty } from 'ant-design-vue'; export interface TBColumn { title: string dataIndex: string // key: string ellipsis?: 阅读全文
posted @ 2024-12-27 12:26 abcByme 阅读(2) 评论(0) 推荐(0) 编辑
vue3 下拉刷新
摘要： <script setup lang="ts"> import { Empty } from 'ant-design-vue'; const props = withDefaults(defineProps<{ modelValue: any[] // 重要： 外部在使用这个的时候，不要修改，要通过 阅读全文
posted @ 2024-12-27 12:24 abcByme 阅读(13) 评论(0) 推荐(0) 编辑
2024年12月18日
平均分布从左到右 从上到下
摘要： <script setup lang="ts"> import { ref } from 'vue'; const list = ref([{}]); const queryParams = ref({ currentPage: 1, pageSize: 15, totalPage: 100, }) 阅读全文
posted @ 2024-12-18 09:18 abcByme 阅读(2) 评论(0) 推荐(0) 编辑
2024年12月10日
js 数据平均分配
摘要： // 数据平均分配 function generateSequence(startValue: any, endValue: any, increment: any) { const sequence = []; for (let i = startValue; i <= endValue; i + 阅读全文
posted @ 2024-12-10 18:50 abcByme 阅读(6) 评论(0) 推荐(0) 编辑
2024年11月22日
喊话器功能
摘要： <script setup lang="ts"> import { Modal, message } from 'ant-design-vue'; import Speech from 'speak-tts'; import { useStorage } from '@vueuse/core'; i 阅读全文
posted @ 2024-11-22 16:58 abcByme 阅读(7) 评论(0) 推荐(0) 编辑
2024年11月21日
获取完整的文件路径地址
摘要： /** * 获取完整的文件路径地址 */ export function getFullFileURL(url?: string): string { let _url = ''; if (url) { _url = (url?.includes('http://') || url?.include 阅读全文
posted @ 2024-11-21 11:20 abcByme 阅读(1) 评论(0) 推荐(0) 编辑
2024年11月12日
vue3 词云
摘要： <script setup lang="ts"> defineOptions({ name: 'rightTop', }); let timer: any = null; const wrapperRef = ref() const tagRef: any = ref([]) const rotat 阅读全文
posted @ 2024-11-12 14:44 abcByme 阅读(45) 评论(0) 推荐(0) 编辑
2024年9月12日
树形多选
摘要： <script setup lang="ts"> import { useVModel } from '@vueuse/core'; const props = defineProps({ modelValue: { type: Object, default: () => { }, }, }); 阅读全文
posted @ 2024-09-12 17:21 abcByme 阅读(7) 评论(0) 推荐(0) 编辑
多表单验证
摘要： <script setup lang="ts"> import { ref } from 'vue'; import { Modal, message } from 'ant-design-vue'; import { AIRPLANE_MISSION_MODE } from '../enum'; 阅读全文
posted @ 2024-09-12 17:20 abcByme 阅读(6) 评论(1) 推荐(0) 编辑
2024年8月23日
复选框单选
摘要： const lastDataHandle = ref(null); // 上次选择的dataHandle值 const dataHandle: any = ref([]); const dataHandleALLList = [ { label: '无', value: 0 }, { label: 阅读全文
posted @ 2024-08-23 15:56 abcByme 阅读(4) 评论(0) 推荐(0) 编辑
input 加减
摘要： <a-input class="input-center-met" v-model:value="form.name1"> <template #prefix> <div class="flex items-center"> <div class="number-btn auto" @click=" 阅读全文
posted @ 2024-08-23 10:50 abcByme 阅读(8) 评论(0) 推荐(0) 编辑
2024年8月7日
ant slider toolTip不显示
摘要： :tooltip-open="false" <a-slider ref="scrollableDiv" v-model:value="defaultValue" vertical class="new-slider" :marks="marks" :min="0" :max="10" :step=" 阅读全文
posted @ 2024-08-07 11:12 abcByme 阅读(11) 评论(0) 推荐(0) 编辑
2024年7月30日
信号格
摘要： <script setup lang="ts"> const props = withDefaults(defineProps<{ num?: number // 当前信号强度 max?: number // 信号柱最大数量 minHeight?: number // 信号柱最小高度，单位px wi 阅读全文
posted @ 2024-07-30 09:38 abcByme 阅读(4) 评论(0) 推荐(0) 编辑
2024年6月27日
js合并两个数组对象
摘要： 来自：https://www.cnblogs.com/keleyz/p/10118648.html 侵删 let d = []; let d2 = []; result3[1].forEach((item, index) => { d.push({ name: item, }); }); resul 阅读全文
posted @ 2024-06-27 17:20 abcByme 阅读(26) 评论(0) 推荐(0) 编辑
2024年3月28日
海康出入场时间转换
摘要： eventTime(v) { let d = v.replace(/T/, " "); let dd = d.substring(0, d.indexOf("+")); return dd; }, 阅读全文
posted @ 2024-03-28 11:04 abcByme 阅读(9) 评论(0) 推荐(0) 编辑
2024年3月21日
uni-app 滑动翻页
摘要： <template> <view class="contain-box"> <u-navbar :title="title" :is-back="true" back-icon-color="#fff" :background="background" :border-bottom="false" 阅读全文
posted @ 2024-03-21 16:00 abcByme 阅读(121) 评论(0) 推荐(0) 编辑
2024年1月25日
iview-input placeholder 样式修改
摘要： /deep/ .ivu-input::-webkit-input-placeholder { color: #87cfff; } /deep/ .ivu-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #87cfff; } /de 阅读全文
posted @ 2024-01-25 14:57 abcByme 阅读(117) 评论(0) 推荐(0) 编辑
2024年1月17日
大屏适配方案
摘要： <template> <div ref="appRef" class="app-viewport" id="appRef"> </div> </template> <script> let loading = null; // import drawMixin from '../libs/drawM 阅读全文
posted @ 2024-01-17 18:08 abcByme 阅读(43) 评论(0) 推荐(0) 编辑
2023年10月19日
iview2.0 InputNumber 保留两位小数
摘要： <FormItem prop="free" label="包期费用(元)："> <Input-number :min="0" style="width: 100%" v-model="formValidate.free" placeholder="请输入单价(元)" :formatter="valu 阅读全文
posted @ 2023-10-19 15:03 abcByme 阅读(274) 评论(0) 推荐(0) 编辑
2023年8月3日
el-transfer
摘要： <template> <div class="p-box"> <el-transfer class="new-el-transfer" filterable filter-placeholder="请输入组织名称" v-model="value" :data="dataListzz" :titles 阅读全文
posted @ 2023-08-03 10:39 abcByme 阅读(33) 评论(0) 推荐(0) 编辑
2023年7月31日
moment 近30天 近1年 近7天
摘要： if (i == 1) { //近30天 let d30 = [...new Array(30)].map((i, idx) => this.moment().startOf("day").subtract(idx, "days").format('MM-DD')).reverse(); //随机数 阅读全文
posted @ 2023-07-31 14:56 abcByme 阅读(211) 评论(1) 推荐(0) 编辑
2023年7月13日
vue 模糊查询
摘要： html代码 <div id="root"> <h3>人员列表</h3> <input type="text" placeholder="请输入名字" v-model="keyWord"> <ul> <li v-for="(p,index) of filPersons" :key="index"> 阅读全文
posted @ 2023-07-13 14:15 abcByme 阅读(39) 评论(0) 推荐(0) 编辑
2023年5月12日
uni-app 图片放大预览
摘要： <div class="event-img"> <img :src="item" alt="" v-for="(item,index) in imgPathList" @click="viewImg(imgPathList,index)"/> </div> viewImg(item,index){ 阅读全文
posted @ 2023-05-12 15:34 abcByme 阅读(219) 评论(0) 推荐(0) 编辑
2023年5月10日
html css 等比例缩放
摘要： 来自：https://blog.csdn.net/chenrui310/article/details/129365208 侵删 let cw = 1920,ch = 1080//默认 let body = document.getElementById('body') body.style.wid 阅读全文
posted @ 2023-05-10 16:31 abcByme 阅读(577) 评论(0) 推荐(0) 编辑
2023年4月7日
element Compressor图片压缩且上传-
摘要： 上传了压缩后的照片 <template> <div> <!-- <el-upload :class="uploadDisabled" ref="upload" :action="action" :headers="headers" list-type="picture-card" :limit="1 阅读全文
posted @ 2023-04-07 15:23 abcByme 阅读(130) 评论(0) 推荐(0) 编辑
2023年3月23日
js 当天零点到当前时间的数组
摘要： getNowDate() { let date = new Date() let year = date.getFullYear() let month = date.getMonth() + 1 let day = date.getDate() let hour = date.getHours() 阅读全文
posted @ 2023-03-23 10:31 abcByme 阅读(76) 评论(0) 推荐(0) 编辑
2023年3月17日
js 当前日期和当前日期的当月第一天到现在的数组
摘要： 需要用到moment.具体参考 http://momentjs.cn/docs/#/manipulating/const start = this.$moment().startOf('month').format('MM-DD') //当前日期当月第一天 const end = this.$mom 阅读全文
posted @ 2023-03-17 14:51 abcByme 阅读(59) 评论(1) 推荐(0) 编辑
2023年3月7日
图片视频组件封装
摘要： <template> <div> <el-upload ref="upload" :class="disabled ? 'disabled' : ''" list-type="picture-card" :action="action" :file-list="newFileList" :disab 阅读全文
posted @ 2023-03-07 15:38 abcByme 阅读(25) 评论(0) 推荐(0) 编辑
2023年2月28日
前端实现分页功能的做法
摘要： https://juejin.cn/post/7132807229048422437 侵删 <template> <div> <el-table :data="tableData" border> <el-table-column label="序号" type="index" width="50" 阅读全文
posted @ 2023-02-28 10:57 abcByme 阅读(231) 评论(0) 推荐(0) 编辑
2023年2月15日
解决flex布局space-between最后一行左对齐的方法
摘要： https://www.jb51.net/css/736179.html 侵删 <style> .main { outline: 1px solid; display: flex; justify-content: space-between; flex-wrap: wrap; } .main>di 阅读全文
posted @ 2023-02-15 15:18 abcByme 阅读(142) 评论(0) 推荐(0) 编辑
2023年2月14日
js多个文件格式的判断并处理方法
摘要： // 判断文件格式 //将多个文件以数组方式传入format中进行判断 format(file){ let fileList = file.map( v => { let file = v.name.split('.') //将字母全部变为小写并保存格式名 let fileName = file[f 阅读全文
posted @ 2023-02-14 17:28 abcByme 阅读(174) 评论(0) 推荐(0) 编辑
vue 锚点定位和置顶
摘要： 锚点定位// vue中使用 // 标题 <div class="tabs" v-for="(item, index) in titAll" :key="index" :class="{ actives: isactive index }" @click="tabsColor(index)" > {{ 阅读全文
posted @ 2023-02-14 11:23 abcByme 阅读(375) 评论(0) 推荐(0) 编辑
2023年2月9日
当前时间加日期处理
摘要： <template> <div class="task-box"> <p class="title-p">人行记录</p> <div class="box"> <tableList @onGetSelection="getSelection" :columns="columns" :data="da 阅读全文
posted @ 2023-02-09 17:20 abcByme 阅读(27) 评论(0) 推荐(0) 编辑
uni-app 人脸图片上传且压缩（base64转换和截取）
摘要： <template> <view class="upload-content"> <view class="upload-item" v-for="(item, index) in imageList" :key="index"> <image class="upload-img" :src="it 阅读全文
posted @ 2023-02-09 16:14 abcByme 阅读(368) 评论(0) 推荐(0) 编辑
js截取指定字符前面或后面的内容
摘要： getCaption(obj, state,strname) { var index = obj.lastIndexOf(strname); if (state == 0) { obj = obj.substring(0, index); } else { obj = obj.substring(i 阅读全文
posted @ 2023-02-09 14:10 abcByme 阅读(344) 评论(0) 推荐(0) 编辑
2023年1月16日
echart. 同一个组件数据重绘
摘要： watch: { dataList: { handler() { if (this.chart) { this.chart.dispose(); this.chart = null; } this.initChart(); }, deep: true, // immediate: true }, } 阅读全文
posted @ 2023-01-16 16:29 abcByme 阅读(133) 评论(0) 推荐(0) 编辑
2022年12月16日
vue 音频播放切换后还播放原来播放源
摘要： this.$nextTick(() => { this.$refs.videoPlay.load(); }); 阅读全文
posted @ 2022-12-16 10:38 abcByme 阅读(133) 评论(0) 推荐(0) 编辑
2022年12月15日
文件上传图片形式
摘要： <template> <div> <el-upload style="margin-top: 10px;" class="upload-demo" list-type="picture-card" action="http://192.168.1.115:9999/sdfs/file/uploadF 阅读全文
posted @ 2022-12-15 15:40 abcByme 阅读(28) 评论(0) 推荐(0) 编辑
uview图片上传多张
摘要： <template> <view class="contain-box"> <u-navbar :title="title" :is-back="true" back-icon-color="#fff" :background="background" :border-bottom="false" 阅读全文
posted @ 2022-12-15 14:46 abcByme 阅读(180) 评论(0) 推荐(0) 编辑
下一页