Zhouyuding_yyds的博客

原创 vsCode常用拓展工具

5.记录开发人及时间工具。6.几种常见辅助开发工具。2.两款自动补全标签。

原创 输入框数字输入限制复杂版

/ 输入框数字输入限制复杂版, intlen为整数部分长度, decimallen为小数部分长度, isNeg为是否允许负数,isZero为是否允许0, isPoint为是否允许小数点。// 如果整数部分超过intlen位，则截取前intlen位。// 第一位0开头，0后面为数字，则过滤掉，取后面的数字。// 如果允许负数，则只允许第一个字符为负号。// 如果有小数点，则分割整数部分和小数部分。// 如果不允许小数点，则过滤掉小数点。// 如果不允许负数，则过滤掉负号。// 如果不允许0，则过滤掉0。

原创 基于element-plus设计的可拍照可上传的VUE3组件

file.onProgress({ percent: percent, status: 'uploading' }) //进度条。// 组件压缩属性compression为true通过校验到提交时，提交压缩后的文件上去。// 是否压缩，开启后判断文件大小判断的是压缩后的文件大小是否还超出限制。// 压缩属性compression为true时压缩处理。// 上传完成后清除压缩图片缓存。// 出错时默认本地上传。// 出错时默认本地上传。// 不压缩的正常流程。// 出错时默认本地上传。

原创 简易AI客服开发

el-button title="清除记录" type="primary" @click="deleteConversation" plain style="margin-right: 10px;">发送</el-button>Authorization: "Bearer " + '服务提供',Authorization: "Bearer " + '服务提供',

原创 uni-app 高德地图调用实例

签到

原创 vue3全局事件总线

/挂载mitt用于全局通信。2.在main.js中定义。

原创 el-table常用特殊结构展示

el-table-column label="客户经理" align="left" prop="saleName" width="110"></el-table-column><el-table-column label="创建人" align="left" prop="createBy" width="90"></el-table-column><el-table-column label="年度GMV(亿)" align="left" width="130"></el-table-column>

原创 解决js计算的精度问题

使用：import calc from '@/utils/calculation'* 加法：calc.add(num1, num2)* 减法：calc.sub(num1, num2)* 乘法：calc.mul(num1, num2)* 除法：calc.div(num1, num2)* 解决js计算的精度问题。

原创 基于el-table必填校验，三张图轻松掌握

原创 git拉取代码初始化设置密钥

git密钥设置

原创 基于vue3 setup 实战案例

shipmentMethodIdArr.value = selectArr.value.map(item=>item.shipmentMethodIds).flat()//用于判断提货方式是否单一。proxy.$nextTick().then(() => {//生成数据后需要更新pageCount，但这种更新本身是存在问题的。if(item.itemField == 'shipmentMethodId' && arr1.length == 2) {//提货方式选择多条提示。'展开' : '收起' }}

原创 关于使用ElLoading 自定义loading效果

config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改。// axios中请求配置有baseURL选项，表示请求URL公共部分。// 当前loading接口请求数量，用于判断避免生成多个loading。//请求头添加语言关键字 todo://动态获取。//请求头添加仓库关键字 todo://动态获取。// get请求映射params参数。// 请求头添加当前浏览器时区。

原创 vue3全局注册 过滤时间格式，复制功能

vue3 全局方法注册 复制，时间格式化 功能

原创 基于el-table的上传图片功能

vue3,el-table ,上传图片

原创 vue3基于el-table数据的上移，下移

el-table的上下移动

原创 基于vue，el-table的增删查改

基于el-table的添加多行的增删

原创 基于el-table的表格操作

vue el-table

原创 基于el-table的样式改造

重柜截止：{{ $filter.date(scope.row.heavyTankDeadline) }}补料截止：

原创 前端引入字体及使用

更换字体

原创 简易好用的input正则

前端开发

原创 基于Vue3 setup单文件组件实例

原创 el-switch踩坑

概述：不管el-switch的active-value属性为active-value="100"或active-value=100，v-model传入的变量为'100'(string)时，按钮皆为开启；v-model传入的变量为100(number)时，按钮皆为关闭。猜测可能是el-switch组件对v-model的判断有误，只接收string。故给Element团队提了这个问题，希望无论v-model为'100'或100时，按钮都能为开启。后得到的回复是这个地方是让开发者自己灵活使...

原创 基于vue3的i18n

setup 无 this

原创 定位去重方法

data.forEach((item)=>{if(this.isRepetition(item)){this.goodsData.checkdData.unshift({...item,id:item.category||item.id,bid:this.bidUse,suggestes:{sugg...

原创 Echarts实用

<template><div:class="className":style="{height:height,width:width}"><divclass="tc"><imgwidth="200":src="loading_img"/></div></div></template><script>import...

原创 获取视频第一帧作为背景图片

getVideoCover(file){leturl=nullconstTHIS=thisif(window.createObjectURL!=undefined){url=window.createObjectURL(file)}elseif(window.URL!=undefined){url=window.URL.createObjectURL(file)...