面向对象、-CSDN博客

原创 vue自定义指令

局部自定义指令例:<template> <div v-has > 按时 </div></template><script>import store from '../store/index'export default { data () { return { } }, created () { console.log(this.$store); }, mount

2020-11-30 11:11:44 224 1

原创 echarts的setOption第二个参数的坑

遇到的问题：在开发的时候的发现数据更新后，echarts图重绘后还会保留之前的数据myChart.setOption({...},true) 第二参数为true时，表示不合并。为false时，表示合并，（合并就是会保留之前的数据）...

2020-11-27 10:26:49 3961 1

原创 antd vue(Ant Design Vue) upload组件

upload上传图片,不请求接口先预览图片window.URL.createObjectURL 可以用于在浏览器上预览本地图片或者视频customRequest 通过覆盖默认的上传行为，可以自定义自己的上传实现<template> <div style="margin: 24px"> <a-upload :file-list="fileList" :customRequest="customRequest" list

2020-11-11 17:17:17 3102

原创 vue中使用qrcodejs2插件生成二维码

1.下载插件npm install qrcodejs2 --save2.引入插件 import QRCode from "qrcodejs2"3.内容<template> <div id="qrcode" ref="qrcode"></div></template><script> import QRCode from "qrcodejs2" export default { mounted:{

2020-10-16 15:02:44 303

转载 echarts柱状图点击事件的实现方法

开发过程中，我们经常会碰到这样的需求：在柱状图上，点击某条柱形，调用相应的方法或跳转相应的界面接下来就详细介绍如何实现柱状图的点击事件，其中maChart是绘图对象一、简单的点击事件myChart.on('click', function (params) { console.log(params) })这样就可以获得每条柱形所对应的数据若需要在每条柱形上添加额外的属性，比如id等等，可以在series中，通过对象去定义，其中value是柱形的值seriesData: [

2020-09-24 18:25:00 6086 2

原创清空Ant Design Vue(antd vue)日期选择器

1、绑定v-model <a-date-picker v-model="timeValue"/> <a-month-picker " v-model="timeValue"/> <a-week-picker v-model="timeValue"/> <a-range-picker v-model="times"/>2、data中定义data(){ return { timeValue:undefined， times:[]

2020-09-23 18:49:15 2042

转载 lib-flexible适配大屏方案（附移动端适配）

前言相信大多数移动端前端开发者都是用过lib-flexible来作为移动端适配的解决方案。lib-flexible是淘宝项目组开发出来的一个小插件，属于开源项目，可以在各类项目中引入并使用，为移动端的开发者带来了无穷的便利。但是，有人提出为什么在屏幕尺寸超出一定分辨率后便不再适配？今天针对该问题来尝试给出解决方案。关于lib-flexible1. 解读lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-

2020-09-22 14:47:52 1749 2

原创 vue build后打开页面报错

vue打包后出现"Failed to load resource: net::ERR_FILE_NOT_FOUND"错误（页面不显示）解决方法：在项目根目录下创建vue.config.js文件module.exports={ publicPath:'./'}

2020-09-20 22:30:00 345

原创在vue中使用echarts实现折线图

效果图：代码：<template> <div class="proCharts" ref='charts'> </div></template><script>import echarts from 'echarts'export default { data () { return { option:{

2020-09-18 17:56:36 2412

原创 Git使用

git简介git是一个开源的分布式版本控制系统，可以有效、高速的处理很小到非常大的项目版本管理。代码管理工具版本控制是什么？版本控制是一种记录一个或若干个文件内容变化，以便将来查阅特定版本修订情况的系统什么情况需要用到版本控制？备份文件（例如用u盘去备份我们的代码）记录历史（那天那个时间谁修改了那些代码）回到过去多段共享（公司的电脑写了东西，提交了之后，回到家在家里的电脑拉取下来）团队协作类似的版本管理系统还有svn，它们最主要的区别是：svn是集中式的，git是

2020-09-18 17:11:31 93

原创 vue中使用echarts实现柱状图

代码：<template> <div class="righttop" ref="charts"> </div></template><script>import echarts from 'echarts'export default { name:"", data () { return { } }, mounted (.

2020-09-18 14:15:10 10264 2

原创 vue横向滚动文本+鼠标悬停

直接上代码<template> <div class="rollbox"> <div ref="ccc" class="ccc" @mouseover="stopScroll" @mouseout="startScroll"> 您有8条消息未查收！ </div> </div></template><script>export default

2020-09-17 19:17:59 938

原创在vue中使用WebSocket建立长连接

WebSocket 属性 ws.readyState （只读属性 readyState 表示连接状态） 0:表示连接尚未建立。 1:表示连接已建立，可以进行通信。 2:表示连接正在进行关闭。 3:表示连接已经关闭或者连接不能打开。WebSocket方法ws.send(); //使用连接发送数据ws.close(); //关闭socket链接例：<script> export default { data(){ return {

2020-09-16 10:14:59 3466 1

原创如何删除鼠标右键选项的cmder

如何删除鼠标右键选项的cmder（或其他添加到文件目录中的应用）打开注册表设置（发开方式：直接搜索“注册表”或者win + r → regedit）或找到HKEY_CLASSES_ROOT → Directory → Background → cmder（删除选项）完成...

2020-09-11 11:55:07 3309 1

後来的博客