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 阅读(4) 评论(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 阅读(4) 评论(0) 推荐(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 阅读(5) 评论(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 阅读(8) 评论(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 阅读(3) 评论(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 阅读(9) 评论(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 阅读(104) 评论(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 阅读(100) 评论(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 阅读(34) 评论(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 阅读(243) 评论(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 阅读(31) 评论(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 阅读(200) 评论(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 阅读(38) 评论(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 阅读(213) 评论(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 阅读(549) 评论(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 阅读(115) 评论(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 阅读(67) 评论(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 阅读(58) 评论(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 阅读(228) 评论(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 阅读(141) 评论(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 阅读(165) 评论(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 阅读(366) 评论(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 阅读(25) 评论(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 阅读(315) 评论(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 阅读(329) 评论(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 阅读(126) 评论(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 阅读(27) 评论(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 阅读(171) 评论(0) 推荐(0) 编辑
element-ui 文件上传多个
摘要： <template> <div> <el-upload ref="upload" :action="action" :limit="5" :file-list="fileList" :on-exceed="handleExceed" :on-remove="handleRemove" :on-suc 阅读全文
posted @ 2022-12-15 14:44 abcByme 阅读(535) 评论(0) 推荐(0) 编辑
elment-ui 文件上传
摘要： <template> <div> <el-upload ref="upload" :action="action" :limit="1" :file-list="fileList" :on-exceed="handleExceed" :on-remove="handleRemove" :on-suc 阅读全文
posted @ 2022-12-15 14:36 abcByme 阅读(51) 评论(0) 推荐(0) 编辑
2022年12月13日
echarts 图片自定义下载、导出
摘要： 来自：https://www.jianshu.com/p/90bf22936439 侵删除 //图表导出-自己的方法 toolbox: { show: true, feature: { saveAsImage: { show: true, title: "保存图片", excludeComponen 阅读全文
posted @ 2022-12-13 10:23 abcByme 阅读(998) 评论(0) 推荐(0) 编辑
2022年12月9日
多条分摊面积百分比
摘要： <template> <div> <p>关联房源</p> <div style="margin-left: 100px"> <div> <div class="t-head"> <div> <span>表具编号:{{ infoObj.meterNo }}</span> <span>表具类型:{{ M 阅读全文
posted @ 2022-12-09 11:11 abcByme 阅读(12) 评论(0) 推荐(0) 编辑
uni-app 使用vconsole.log
摘要： 来自：http://events.jianshu.io/p/06ae7754bfe4 侵删 1. 下载与安装vconsole 1.1 选中你的项目，弄出终端，输入以下命令：npm install vconsole npm install vconsole cnpm install vconsole 阅读全文
posted @ 2022-12-09 10:17 abcByme 阅读(841) 评论(0) 推荐(0) 编辑
2022年12月2日
百度地图行政区域描点
摘要： <template> <div class="mapContainer"> <!-- <div id="tMap" /> --> <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文
posted @ 2022-12-02 09:55 abcByme 阅读(96) 评论(0) 推荐(0) 编辑
百度地图手绘标点
摘要： <template> <div class="mapContainer"> <!-- <div id="tMap" /> --> <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文
posted @ 2022-12-02 09:54 abcByme 阅读(140) 评论(0) 推荐(0) 编辑
百度地图区域绘制面
摘要： <template> <div class="mapContainer"> <!-- <div id="tMap" /> --> <div id="tMap" ref="tMap" /> </div> </template> <script> import { TDIMap, BaiduMap } 阅读全文
posted @ 2022-12-02 09:54 abcByme 阅读(188) 评论(0) 推荐(0) 编辑
下一页