JKJSCERUIVIR的博客_Vue(3)

vue 实现像web淘宝一样区域放大功能

vue 实现像web淘宝一样区域放大功能效果是这个样子的直接上自定义组件代码： <template> <div style="display: flex;position: relative"> <div class="box" :style="minImgBoxStyle" @mouselea

git

.net

移出

原创 2022-06-23 12:50:12 144 阅读

vue中mixins的理解及应用

vue中mixins的理解及应用 vue中提供了一种混合机制 mixins，用来更高效的实现组件内容的复

g++

复用

生命周期

原创 2022-06-23 12:50:08 227 阅读

vue 通过 Ctrl 、Shift 键 + 点击鼠标实现 div 多选操作

vue 通过 Ctrl 、Shift 键 + 点击鼠标实现 div 多选操作前言我在做东西的时候有这样一个需求，就是有一个div的列表，想通过按住Ctrl键后点击div实现多选的功能，在一个是按住 Shift键都点击前后两个div选中区域的效果。就是选择下面图片，每个图片包含在一个div下面。

标识符

点击事件

监听事件

原创 2022-06-23 12:50:02 1340 阅读

vue 使用 video.js 播放 m3u8 视频流

vue 使用 video.js 播放 m3u8 视频流首先呢，遇到一个项目，是需要使用播放器在web上播放视频流，项目使用vue开发的，然后就找了一下相应的插件，找到了 video.js，自己用的时候感觉还不错，可以满足自己的需求，记录一下。安装依赖包 npm install video.js

ide

github

视频播放器

原创 2022-06-23 12:49:52 1684 阅读

vue 滚动显示数据的插件

来一个滚动显示数据的插件 https://chenxuan0000.github.io/vue-seamless-scroll/zh/ 感觉这是我用的相对来说比较好用的滚动插件了，用法很简单，按照说明来就可以了。这是我用了之后的效果。实际用上还是蛮流畅的，不像动图一样一卡一卡的。

git

数据

好用

原创 2022-06-23 12:49:37 847 阅读

vue 常用的 Echarts 示例

vue 常用的 Echarts 示例为啥要整理这一篇博文呢？其实最近做大屏做的恶心了，好多echarts图表，样式花里胡哨，调样式太费劲了，然后把做过的拿下来备份一下，需要的话直接粘贴稍作修改就可以了。 echarts配置项官网：https://echarts.apache.org/zh/opti

ide

2d

f5

原创 2022-06-23 12:49:27 359 阅读

vue 全局实现数字千分位格式

vue 全局实现数字千分位格式这个是啥意思呢？就是我们在页面上需要渲染数据的时候，比如 88888，我们需要按照千分位显示成方便阅读的格式88,888。

千分位

数据

git

原创 2022-06-23 12:49:09 1967 阅读

vue echarts 实现速度的那种进度蓄力效果

vue echarts 实现速度的那种进度蓄力效果这个标题写的我很纠结，因为我一个语言组织能力不咋地的人真的不知道该怎么描述这个效果，所以呢，就这样描述一下，希望各位可以理解我。简单来说就是这种效果的啦！其实这个效果是就是使用echarts的柱形图。简单的写一下option的样式，如果有需要的

git

.net

原创 2022-06-23 12:47:47 95 阅读

# vue 项目使用 openlayers根据半径绘制圆形、绘制多边形

vue 项目使用 openlayers根据半径绘制圆形、绘制多边形这个地方我就简单点写吧，因为一些东西比较乱，有的包啥的就按照官网API开发文档根据报错提示自己添加就可以了，我这个地方就不重复写了。绘制圆形这里的绘制圆是指当后台返回数据，告诉你以某个经纬度坐标为圆心，或者是顶点，以 r 为半径

图层

数据源

数据

原创 2022-06-23 12:47:36 5769 阅读 1收藏

Vue项目导入导出csv文件

Vue项目导入导出csv文件什么是csv文件逗号分隔值（Comma-Separated Values，CSV，有时也称为字符

数据

上传

字段

原创 2022-06-23 12:46:47 2201 阅读

# vue 两个数组的差值

vue 两个数组的差值现在是什么情况呢，比如说哈，我有一个数组A，里面有几个数，然后我还有一个数组B，里面还有几个数，然后我想知道数组A中哪些数是数组B没有的，或者是数组B中哪些数是数组A没有的，理解吗？就是这个意思。可以自己写逻辑的，就是费劲，当然可以实现，但是呢，我比较懒，不想重复造轮子，所

数组

git

中文文档

原创 2022-06-23 12:46:14 478 阅读

# vue 项目 openlayers 点击弹窗

vue 项目 openlayers 点击弹窗这个写的稍微简单一点就行了，其实呢，这个不是很难，主要是知道原理就可以了。我想实现的内容是什么意思呢？就是说页面上有很多坐标点，点击坐标点的时候在相应的位置弹出一个框，然后框里显示出这个坐标点的相关数据。解释这个内容的其实就是添加一个弹窗图层，然后

图层

加载

数据

原创 2022-06-23 12:46:06 1098 阅读

vue计算属性和监听器

计算属性 computed computed 选项定义计算属性。计算属性类似于 methods 选项中的函

html

缓存

属性值

原创 2022-06-23 12:45:57 129 阅读

VUE 事件修饰符以及按键码

VUE 事件修饰符以及按键码之前写了一篇关于事件处理的文章，这篇的时间修饰符主要就是来修

html

事件处理

单击事件

原创 2022-06-23 12:45:10 277 阅读

vue slot插槽

vue slot插槽作用：主要是用于父组件向子组件传递标签+数据（而 props 和自定事件只是传递

插槽

数据

属性值

原创 2022-06-23 12:44:19 71 阅读

Vue CLI 3.x 脚手架

Vue CLI 3.x 脚手架什么是Vue-CLI Vue-CLI 是 VUE 官方提供，用来搭建项目脚手架的工具，他是vu

html

git

根目录

原创 2022-06-23 12:43:36 240 阅读

vue中的vuex使用

vue中的vuex使用最近心事重重，好多事情堆到一起就有点闷，今天本来打算自己搓一篇vuex的博文，但是电脑

数据

元数据

保存数据

原创 2022-06-23 12:40:16 197 阅读

Vue 旅游网首页开发1-工具安装及码云使用

Vue 旅游网首页开发-工具安装及码云使用环境安装安装 node.js nod

git

node.js

官网

原创 2022-06-23 12:29:12 166 阅读

Vue 基础精讲

Vue 基础精讲 Vue 官方文档：https://cn.vuejs.org/v2/guide/ VUE 实例每个组件都是一个 vue 的实例。一个 vue 项目是由实例组成的。 vue 实例上有很多的实例属性和方法。利用浏览器控制台展示实例内容 “$” 符号开始的变量都是vue实例属性或者方

Vue

html

vue.js

生命周期

原创 2022-06-23 12:24:57 171 阅读

深入理解 Vue 组件

深入理解 Vue 组件组件使用中的细节点使用 is 属性，解决组件使用中的bug问题子组件定义data数据，data必须是个函数 Vue中的 ref 引用的内容 vue实现计数器功能父子组件间传值父组件向子组件传递数据子组件向父组件传值组件参数校验与非props特性组件参数校验组件

Vue

html

vue.js

插槽

原创 2022-06-23 12:24:37 169 阅读

Vue项目接入MQTT

Vue项目接入MQTT 安装mqtt库 mqtt 使用的版本是 3.0.0，高版本可能不对 "mqtt": "^3.0.0", npm install mqtt --save Vue代码实现 <template> <div id="app"> <p>mqtt收到的数据：</p> <p>{{this.

git

消息处理

数据

原创 2022-06-23 12:23:53 1923 阅读

Vue 接收数据for循环渲染出的标签jQuery渲染的点击事件无效

Vue 接收数据for循环渲染出的标签jQuery渲染的点击事件无效 Vue在渲染页面的时候使用jQuery的时候会发现当在created生命周期中获取后台数据，写在 mounted 生命周期的jquery渲染的点击事件不管用了。理论上，mounted是界面html生成结束才会开始执行的，应该是可

jquery

数据

for循环

原创 2022-06-23 12:23:43 656 阅读

Vue项目项字典值变量添加键值对

Vue项目项字典值变量添加键值对啥意思嘞，就是说我在vue中定义一个变量，就像下面这样：然后有人给我发数据，数据的样子类似于这样，赋值给一个变量data：我界面需要把数据都展示出来，所以我想把收到的数据都保存在一个变量里面，然后在前端直接点key就拿到值了。把数据处理一下改成下面的形式，然后

数据

git

获取值

原创 2022-06-23 12:23:34 918 阅读

Vue 表单数据双向绑定 v-mode

Vue 表单数据双向绑定 v-mode 每一个Vue项目，每一个系统，肯定涉及到表单的双向数据绑定问题，这一部分是 vue 的重中之重，不是因为知识点复杂，而是因为只要参与 vue 项目的开发，那么就必不可少。单向绑定数据变，视图变；视图变（浏览器控制台上更新html），数据不变；这样的都是单向

数据

html

表单

原创 2022-06-23 12:23:24 317 阅读

Vue 获取当前时间并格式化

Vue 获取当前时间并格式化现在的代码，一家原创，万家抄袭，嗯，我也是... 直接就是大代码一顿狂粘！！啪啪啪！用去吧！ /** * 获取当前时间 * 格式YYYY-MM-DD */ Vue.prototype.getNowFormatDate = function() { var date =

获取当前时间

git

.net

原创 2022-06-23 12:23:12 1558 阅读

Vue 组件间的通信

Vue 组件间的通信组件间通信方式 props ：父组件向子组件传递数据。 $emit ：自定义事件。 slot ：插槽分发内容，带上标签数据一起传输，主要是父组件想子组件传输。组件间通信规则不要在子组件中直接修改父组件传递的数据。数据初始化的时候，应当看初始化的数据是否用于多个组件中，如果

初始化

数据

git

原创 2022-06-23 12:22:59 306 阅读

Vue props向子组件中传递数据

Vue props向子组件中传递数据声明组件对象中定义 props 1、在声明组件对象中使用 props 选项指定 const MyComponent = { template:'<div></div>', props: 此处值有以下3中方式, components:{ } } 方式一：指定传递属

Vue

传递数据

赋值

数据类型

原创 2022-06-23 12:22:51 679 阅读

Vue组件化开发

Vue组件化开发组件的概念组件（component）是 Vue 最强大的功能之一，非常重要。 Vue中的组件化开发就是把网页的重复代码抽离出来，分装成一个个可以复用的视图组件，然后将这些视图组件拼接到一块就构成了一个完整的系统。这个方式非常灵活，可以极大的提高我们的开发和维护效果。组件系统是一

html

git

复用

原创 2022-06-23 12:22:43 391 阅读

Vue 路由 Vue-Router

Vue 路由 Vue-Router 什么是路由 Vue Router 是 Vue 官方提供的路由管理器，他和 Vue 的核心深度集成，让构建单页面应用变得非常简单，通过根据不同的请求路径，切换显示不同组件进行渲染页面。基本路由使用安装路由注意：使用路由首先要安装模块 npm install v

html

git

vue.js

原创 2022-06-23 12:22:30 244 阅读

Vue 项目获取当前系统时间解析成年月日周

Vue 项目获取当前系统时间解析成年月日周简单粗暴，直接上代码： <template> <span>{{ date }}</span> <span>{{ time }}</span> </template> data () { return:{ time: '', date: '', week:

git

.net

系统时间

原创 2022-06-23 12:22:18 384 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

粘你一身大鼻嘎

vue 实现像web淘宝一样区域放大功能

vue中mixins的理解及应用

vue 通过 Ctrl 、Shift 键 + 点击鼠标实现 div 多选操作

vue 使用 video.js 播放 m3u8 视频流

vue 滚动显示数据的插件

vue 常用的 Echarts 示例

vue 全局实现数字千分位格式

vue echarts 实现速度的那种进度蓄力效果

# vue 项目使用 openlayers根据半径绘制圆形、绘制多边形

Vue项目导入导出csv文件

# vue 两个数组的差值

# vue 项目 openlayers 点击弹窗

vue计算属性和监听器

VUE 事件修饰符以及按键码

vue slot插槽

Vue CLI 3.x 脚手架

vue中的vuex使用

Vue 旅游网首页开发1-工具安装及码云使用

Vue 基础精讲

深入理解 Vue 组件

Vue项目接入MQTT

Vue 接收数据for循环渲染出的标签jQuery渲染的点击事件无效

Vue项目项字典值变量添加键值对

Vue 表单数据双向绑定 v-mode

Vue 获取当前时间并格式化

Vue 组件间的通信

Vue props向子组件中传递数据

Vue组件化开发

Vue 路由 Vue-Router

Vue 项目获取当前系统时间解析成年月日周

欢迎