logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Element 之DatePicker 时间选择器 时间限制(精确到时分秒)

结合vue2.x语法,对elementUI时间控件进行 精确到时分秒的时间限制。html<el-form-item label="监测时间" prop="monitorTime"><el-date-pickerv-model.trim="detailData.monitorTime":picker-options="pickerOptions"type="datetime"

yarn 命令安装 @vue/cli成功,bash: vue command not found

使用 yarn global add @vue/cli 安装 vue脚手架成功后,但在命令窗口执行 vue -V报 bash: vue command not found。导致该问题的原因是 环境变量的问题。解决方案如下:第一步: 首先找到yarn全局安装vue的路径:例如:第二步:右键我的电脑 —> 属性—> 高级系统设置 —> 高级 —> 环境变量 —> 系统变量

ant notification通知框 内容支持html标签

1.1 问题描述因业务需求要求 ant 的 notification 通知框中内容 需要支持 html标签。1.2 解决方案根据 官方文档的API 可以看出,提示内容可以采用以下3种类型方式。于是 选择第二种 vueNode方式。核心代码如下:/*** 其中 domProps: { innerHTML: errorMsg } 核心关键,然后 errorMsg 可以携带html标签了* 同时还可以进

原生js实现canvas画布中绘制、移动、拖拽、删除矩形(如简易截图工具)

功能描述待图片上传并加载完成后,重新生成画布;鼠标在画布区域内绘制,移动,拖拽,删除矩形(如截图工具一般);isboundary() 判断是否需要判断边界问题,默认false。效果截图实现代码vue页面– 注意:原本canvas不支持键盘事件,为canvas加上tabindex=0,转为HTML5 DOM元素,方可支持键盘事件<div class="phone-content">&lt

#javascript
vue中 使用video.js 播放m3u8直播流

需求描述支持播放m3u8直播流 + 录屏 视频;同时可以动态更改视频直播地址,新增,删除视频。实现效果实现代码安装依赖npm install video.js --save // 视频播放器插件npm install videojs-contrib-hls--save // 播放hls流插件npm install @videojs/http-streaming--save具体代码如下:<te

#vue.js
vue中component组件嵌套,导致页面重复渲染,重复请求的bug

vue中component组件嵌套,导致页面重复渲染,重复请求的bug因详情页面,有多个tab选项卡考虑页面多处重复使用,而且有多个页面组成,最终决定使用 组件方式来引用页面。因 项目采用的UI组件是 element-ui,刚好看到有一个 样式很类似于 tab选项卡,就采用了 element的 tabs组件,可是 没想到问题就是出现 这儿。错误代码:<el-tabs class="heade

vue 利用CSS 的 transform属性 对 页面布局进行自适应缩放

问题描述需求要求在不同的适配器上,都需要保证页面的整体布局无误,只能对页面的字体进行一定比例的缩放,才能实现这样的效果。下图:是在1920*1080显示屏上呈现的正常效果但是在小屏幕显示的错误效果或者打开开发工具,显示的错误效果解决方案动态计算整体布局的高度和宽度(1) 利用jQuery的 $(window).width() 获取对应的当前宽度(不包含 任务栏的宽度+菜单栏的宽度 + 滚动条的宽度

#javascript#jquery
Element 之DatePicker 时间选择器 时间限制(精确到时分秒)

结合vue2.x语法,对elementUI时间控件进行 精确到时分秒的时间限制。html<el-form-item label="监测时间" prop="monitorTime"><el-date-pickerv-model.trim="detailData.monitorTime":picker-options="pickerOptions"type="datetime"

vue-admin-template模板添加tagsview

vue-admin-template模板添加tagsview

到底了