前端开发
前端开发
若♀阳
这个作者很懒,什么都没留下…
展开
-
vue拨打电话
需求:点击电话号码,弹出对话框,确定后直接调用手机拨打电话功能(ps:不允许弹出是否允许调用手机通讯录的提示)。验证后仅思路3满足需求。思路1:---简单但不满足(不允许弹出是否允许调用手机通讯录的提示)需求window.location.href = 'tel:' + 8888410;思路2:-------方法存在问题 <a id="call" @click="showDialog" style="color: #336699">8888410&l....原创 2022-05-12 10:02:02 · 6033 阅读 · 1 评论 -
后端返回的字节流图片处理
1、字节流图片转换为base64 const src = "data:image/png;base64," + btoa( new Uint8Array(res).reduce( (data, byte) => data + String.fromCharCode(byte), "" ) );图片可直接使用img标签显示出来原创 2022-04-08 09:42:00 · 1967 阅读 · 1 评论 -
vue,绘制内部填充圆形(带外阴影)的环形
<template> <div class="circular" :style="{ border: border }"> <div class="info" :style="{ 'box-shadow': boxShadow }"> <div class="text"> <el-row class="textAlign"> <el-col :span="24" .原创 2021-12-17 15:03:27 · 1067 阅读 · 0 评论 -
antv x6自定义节点(使用vue渲染节点)
1、安装@antv/x6-vue-shape# npmnpm install @antv/x6-vue-shape# yarnyarn add @antv/x6-vue-shape# 在 vue2 下还需要安装 @vue/composition-apiyarn add @vue/composition-api --dev主文件引入@antv/x6-vue-shapeimport "@antv/x6-vue-shape";安装并应用该包后,指定节点的shape为vue-...原创 2021-12-06 15:07:34 · 12907 阅读 · 24 评论 -
VUE中this、$el
$el用于获取vue实例挂载的dom元素,this.$el只在mounted中才有效this指向当前组件的实例参考:vue组件中this和$el指向_她说她说的博客-CSDN博客原创 2021-11-11 10:43:02 · 1802 阅读 · 0 评论 -
VUE Element UI中el-input-number组件无法实时触发change事件
el-input-number组件添加必填校验,不使用组件自带增减符号进行填充,手动填充值无法及时清除校验提示,组件失去焦点时才会消失。希望在输入值之后即时清除校验提示。解决方案 <el-input-number v-model="form.eventDisposalRange" :min="1" label="描述文字" :disabled="edit" @input.native="eventDisposalRangeChange()原创 2021-11-03 17:58:48 · 11248 阅读 · 0 评论 -
addEventListener()方法
addEventListener()方法用于向指定元素添加事件句柄。使用removeEventListener()方法来移除addEventListener()方法添加的事件句柄。注:IE8及更早的IE版本不支持addEventListener()方法。语法element.addEventListener(event,function,useCapture)event 必须。字符串,指定事件名。“click”、"mousedown"等 function 必须。指定要触发原创 2021-07-08 16:19:59 · 306 阅读 · 0 评论 -
VUE--列表渲染(v-for)及key的使用
v-for用法<div v-for="item in items"> {{item.text}}</div>或<div v-for="(item,index)in items"> {{item.text}}</div>v-for的默认行为会尝试原地修改元素而不是移动它们,即“就地更新”策略。如果数据项的顺序发生改变,vue将不会移动DOM元素来匹配数据项的顺序,而是就地更新每个元素,并且确保它们在每个索引位置正确渲染。也就是说原创 2021-07-08 10:59:06 · 1015 阅读 · 0 评论 -
事件穿透与禁止穿透(e.stopPropagation()、e.preventDefault()、return false)
问题:点击立即预约按钮会同时触发查看详情事件解决方案:在顶层事件中添加禁止穿透事件可防止触发底层事件。const goAppointment = e => { e.stopPropagation(); // 禁止事件冒泡};const AuthenticateItem = ({ appraisalType, data, onClick = () => {} }) => ( <div className={styles.lawyerItem} ..原创 2021-06-03 09:19:23 · 3312 阅读 · 0 评论 -
‘yield‘ expression implicitly results in an ‘any‘ type because its containing generator lacks a ...
解决方案:export interface ResponseGenerator { config?: any, data?: any, headers?: any, request?: any, status?: number, error?: any, statusText?: string, records?: any, pageNum?: any, total?: any}const response:ResponseGenerator = yield .原创 2021-05-25 09:43:32 · 1779 阅读 · 1 评论 -
常用校验规则及应用
电话号码校验(座机、手机号) /** react中的应用*/<FormItem labelCol={{ span: 6 }} wrapperCol={{ span: 14 }} label="电话"> {form.getFieldDecorator('contactPhone', { rules: [{ pattern: /^((\d{11})|(\d{7,8})|(0\d{2,3}-?\d{7,8})|(0\d{2,3})(\d{7,8}))$..原创 2021-05-06 13:50:18 · 180 阅读 · 0 评论 -
相等运算符==与严格运算符===的使用
区别:==比较两个值是否相等; ===比较它们是否为‘同一个值’。如果两个值不是同一类型,===直接返回false,而==会将它转换成同一个类型,再使用===进行比较。严格相等运算符1、不同类型的值两个值得类型不同,直接返回false.1 === '1';//false2、同一类的原始类型值同一类型的原始类型值(数值、字符串、布尔值)比较时,值相同就返回true,不同就返回false。1 === 0x1; // trueNaN === NaN; ...原创 2021-04-07 09:09:33 · 235 阅读 · 0 评论 -
antd 和vue post请求下载表单文件
// 创建虚拟表单,使用a标签方式下载postDownload= async (url, params)=> { const request = { body: JSON.stringify(params), method: 'POST', headers: { 'Content-Type': 'application/json;charset=UTF-8' } } const response = await fetch(u...原创 2021-04-07 09:07:38 · 530 阅读 · 0 评论 -
文本中回车的换行符号↵,在react table中如何处理(react中)
文本框中输入的回车符号在react table换行,无换行符号时则自动换行。{ title: '反馈内容', dataIndex: 'content', width: '50%', render(val) { let br = <br></br> let content = val.split('\n') let result = '' for (let j原创 2021-03-09 10:08:42 · 988 阅读 · 0 评论 -
Image属性之resizeMode,resizeMethod
原创 2021-02-25 10:42:43 · 611 阅读 · 0 评论