2 高级前端工程师Vue方向

尚未进行身份认证

我要认证

专注于Vue的前端工程师

等级
TA的排名 4k+

vue中使用lodash深拷贝对象和合并对象

1.下载依赖npm i lodash --save2.组件中使用<script>import _ from 'lodash'methods:{ // 添加商品 add() { console.log(this.addForm) this.$refs.addFormRef.validate(valid => { if (!valid) { return this.$message.error('填

2020-07-11 09:21:49

vue中使用腾讯云视频播放器

1.index.html<!-- 引入腾讯云视频 --> <script src="//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.0.js" charset="utf-8"></script>;2.使用<!-- * @Author: your name * @Date: 2020-07-09 14:16:25 * @LastEditTime: 2020-07-10 1

2020-07-10 16:46:14

vue直播评论滚动到最底部

<style lang="less">#cute-barrage { width: 100%; height: 100px; /*确定弹幕长度*/ overflow-y: auto; /*横向超出部分隐藏*/ position: absolute; // display: flex; // flex-flow: column-reverse; // align-items: baseline; .barrage-div { height: 0.6re..

2020-07-09 21:48:55

vue-quill-editor限制字数

<quill-editor v-model="addForm.useExplain" :options="editorOption" ref="myQuillEditor" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change=".

2020-07-09 11:30:13

el-update超出限制不显示上传图标

首先我通过浏览器找到了这个上传图片按钮的class名称为 .el-upload–picture-card 我知道不可以直接修改,所以决定给这个组件绑定一个class名:class="{hide:hideUpload}"之后data里面设定一个初始的状态值hideUpload: false在el-upload中绑定一个on-change事件和on-remove事件,这个事件有两个参数(file,fileList)并且在添加文件、上传成功和上传失败时都会被调用:this.hideUp

2020-07-08 11:15:21

微信小程序webview缓存处理

缓存问题大家都知道,浏览器缓存是个非常有用的特性,它能够提升性能、减少延迟,还可以减少带宽、降低网络负荷。关于浏览器的缓存机制可以总结成下面 2 句话:浏览器每次发起请求,都会先在浏览器缓存中查找该请求的结果以及缓存标识 浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中更进一步,我们可以粗略了解一下强制缓存和协商缓存的运行机理。若强制缓存(Expires 和 Cache-Control)生效则直接使用缓存,若不生效则进行协商缓存(Last-Modified/If-Modifie

2020-07-02 20:33:12

重启Nginx服务

重启Nginx服务方法一:进入nginx可执行目录sbin下,输入命令./nginx -s reload即可

2020-07-05 13:21:14

js字符串分割成数组,并控制每一项的显示和隐藏的妙用

res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] // 控制文本框的显示与隐藏 item.inputVisible = false // 文本框输入的值 item.inputValue = '' })...

2020-07-04 10:35:35

js字符串转数组解决数组中有空元素的问题

res.data.forEach(item => { item.attr_vals = item.attr_vals ? item.attr_vals.split(' ') : [] })

2020-07-04 10:01:50

nginx配置重定向

location /njDist { rewrite /njDist /102 last; } location /102 { proxy_pass http://127.0.0.1:8887/njDist; }

2020-07-03 10:08:31

vue实现直播弹幕功能

1.barrage.lesshtml,body{ width:100%;}.cute-barrage{ width: 100%; height: 100px; /*确定弹幕长度*/ position: absolute; top: 1.5rem; /*确定弹幕高度*/ left: 0; overflow-y: hidden; /*横向超出部分隐藏*/ .barrage-div{ position: absolu

2020-07-01 21:21:40

vue实现直播间点赞功能

1.style.cssbody { --bubble_time: 3s; --bubble_scale: 0.8s;}.praise_bubble { width: 100px; height: 200px; position: relative; background-color: #f4f4f4;}.bubble { position: absolute; width: 40px; height: 40px; left: 30px; bottom

2020-07-01 20:04:18

html2canvas在iOS端报错canvas.toDataURL

1.产生原因:html2canvas新版本在iOS端不支持背景图截图2.解决方案:查找项目中的背景图片,改为绝对定位的图片,搞定

2020-07-01 19:34:19

vue-cli3中配置favicon图标

vue.config.js中设置module.exports = { pwa: { iconPaths: { favicon32: 'favicon.ico', favicon16: 'favicon.ico', appleTouchIcon: 'favicon.ico', maskIcon: 'favicon.ico', msTileImage: 'favicon.ico' } }}

2020-06-30 13:53:00

vue使用树形表格vue-table-width-tree-grid的用法

1.安装依赖npm i vue-table-with-tree-grid2.在main.js中使用import TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table', TreeTable)3.在组件中使用<!-- * @Author: your name * @Date: 2020-06-24 20:04:19 * @LastEditTime: 2020-06-29 06:35:31

2020-06-29 09:01:16

vue播放m3u8格式视频

1.下载依赖npm install vue-video-player videojs-contrib-hls --save2.直接上例子<template> <div class="liveView"> <video-player class="vjs-custom-skin" ref="videoPlayer" :options="playerOptions" @ready="onPlayerRea

2020-06-24 19:04:41

富文本编辑器使用图片上传后存储url功能

<div v-show='false'> <el-upload class="avatar-uploader" action="" accept="image/png,image/jpg,image/jpeg" :show-file-list="false" ...

2020-06-23 11:52:17

element树形空间el-tree的数据赋值

<el-button type="warning" icon="el-icon-setting" size="mini" @click="showSetRightDialog(scope.row)">分配权限</el-button><!-- 分配权限的对话框 --> <el-dialog title="分配权限" .

2020-06-23 08:58:37

表格数据删除数据后局部刷新的方法

<!-- 角色列表区域 --> <el-table :data="rolelist" border stripe> <!-- 展开列 --> <el-table-column type="expand"> <template slot-scope="scope"> <el-row :clas.

2020-06-23 06:34:19

vue是用el-table导出excel表格(解决时间问题和两遍重复数据问题)

1、安装相关依赖npm install --save xlsx file-saver2、组件里头引入 import FileSaver from 'file-saver' import XLSX from 'xlsx'3、导出方法exportExcel (id, title) { /* generate workbook object from table */ // 判断要导出的节点中是否有fixed的表格,如果有,转换excel时先将该..

2020-06-22 16:58:59

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。