JKJSCERUIVIR的博客_Vue(2)

ios

官网

数据

原创 2022-06-23 13:45:48 452 阅读

Vue 旅游网首页开发2 - 首页编写

Vue 旅游网首页开发2 - 首页编写项目结构首页开发效果图项目开发组件化将页面的各个部分划分成不同的组件，有助于项目的开发和维护。项目代码初始化项目结构修改 1.删除整个 compinents 文件夹。 2.创建 pages 文件夹用于存放各个页面。 3.在 pages 文件夹下，创

ico

css

git

原创 2022-06-23 13:02:45 229 阅读

Vue 全局 websocket

Vue 全局 websocket 抄的，出处：https://www.cnblogs.com/tcz1018/p/13831589.html 他说，首

数据

服务器

回调函数

原创 2022-06-23 13:02:39 1280 阅读

Vue 旅游网首页开发3 - Ajax获取首页数据

之前的首页数据都是写死在页面上的，现在修改项目，使得数据通过ajax动态获取。死胎了 ... 不想写了···· https://www.runoob.com/vue2/vuejs-ajax-axios.html

git

数据

ajax

原创 2022-06-23 13:02:15 69 阅读

Vue 下载 Excel 文件

# Vue 下载 Excel 文件 ## Vue前端将List列表下载为Exce ```bash npm install -S file-saver（生产依赖，则为-s） npm install -S xlsx npm install -D script-loader （开发依赖，则为-d） ```

json

i++

xml

原创 2022-06-23 13:02:08 410 阅读

Vue 使用 Echarts 显示热力地图信息

Vue 使用 Echarts 显示热力地图信息主要是想实现到下面这个效果，然后省市地图根据后台返回的

json

数据

提示框

原创 2022-06-23 13:01:44 1825 阅读

element表格组件批量删除携带id拼接字符串问题

element表格组件批量删除携带id拼接字符串问题其实这个不是啥问题，就是简单记录一下。

数组

数据

git

原创 2022-06-23 13:01:13 80 阅读

vue 起步

vue 官网目前最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪（Evan You）。 Vue.js

html

vue.js

数据

原创 2022-06-23 12:56:08 115 阅读

vue 显示 webpack-dev-server不是内部命令的解决办法

然后在cmd中cd到项目目录，依次运行命令：和最后运行后项目成功运行。

git

.net

原创 2022-06-23 12:55:54 385 阅读

vue项目接入markdown

vue 项目接入 markdown 最近做一个项目，需要在vue项目中接入 markdown 编辑器，其实这个好接，他没有什么特别的样式，男的就是图片的上传。今天给大家推荐一个插件：mavonEditor 这个是他的github： "https://github.com/hinesboy/mav

github

图片上传

html

原创 2022-06-23 12:55:41 546 阅读

vue.js渐进式框架和应用场景

vue.js渐进式框架和应用场景教程https://cn.vuejs.org/v2/guide/#Vue-js-%E6%98%AF%E4%BB%80%E4%B9%88什么是渐进式渐进式简单的讲就是：用什么技术就引用什么技术到项目中使用，而不是把所有的东西全部引入到项目里面。使用的原因易用：入门简单，不需要太高深的技术灵活：可以在一个库和另一个库之间自如伸缩高效：超快虚拟DOM，省心优化，基

git

单页面应用

网易云音乐

原创 2022-06-23 12:55:02 174 阅读

脚手架工具创建vue项目

脚手架工具创建vue项目首先安装脚手架工具官网 https://cli.vuejs.org/zh/ Vue Cli 安装全局安装 npm install -g @vue/cli 安装成功后，在命令行使用 vue 命令查看版本 vue -V Vue CLI 创建项目创建项目命令 vue cre

创建项目

git

端口号

原创 2022-06-23 12:54:53 226 阅读

vue中异步函数async和await的用法

vue中异步函数async和await的用法先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行。写一个async 函数。async function timeout() {　　return 'hello world';}语法很简单，就是在函数前面加上async 关键字，来表示它

git

赋值

javascript

转载 2022-06-23 12:54:42 438 阅读

vue 获取组件高度

vue 获取组件高度 Vue获取元素高度 // 当前区域 <div ref="element"></div> // 获取高度值（内容高+padding+边框） let height= this.$refs.element.offsetHeight; //100 // 获取元素样式值（存在单位）

git

.net

javascript

原创 2022-06-23 12:54:26 5363 阅读

vue跳转外部链接

vue跳转外部链接 vue 跳转外部链接问题,当跳转的时候会添加在当前地址后面。 var url = 'www.baidu.com' //跳转1 window.localtion.href = url //跳转2 window.history.pushState(url); window.histo

git

.net

原创 2022-06-23 12:54:16 4601 阅读

vue 监听窗体变化 echarts自适应

这个是什么意思呢，就是当浏览器窗体发生变化的时候会触发。主要用在布局计算，比如说分辨率不一样，可能高度宽度需要重新计算渲染。在一个就是很典型的echarts报表，当我们的浏览器缩放发生变化，或者是电脑分辨率发生变化之后，echarts报表大小位置啥的是不会发生变化的

缩放

i++

自适应

原创 2022-06-23 12:54:08 572 阅读

vue 动态生成拓扑图

# vue 动态生成拓扑图 ## 横向拓扑在 index.html 文件中引入文件。 ```javascript

d3

html

dns服务器

原创 2022-06-23 12:53:58 4055 阅读

vue 使用 multipart/form-data 提交数据

vue 使用 multipart/form-data 提交数据闲话不多说了，直接上代码： let fd = new FormData

git

提交数据

.net

原创 2022-06-23 12:53:51 202 阅读

vue 使用 application/x-www-form-urlencoded提交数据

vue 使用 application/x-www-form-urlencoded提交数据闲话不多说了，直接上代码： const param

git

提交数据

.net

原创 2022-06-23 12:53:14 341 阅读

vue使用 el-upload 上传文件附加参数

vue使用 el-upload 上传文件附加参数这个需求是一个上传文件的按钮，点击之后选择文件，可

上传文件

上传

git

原创 2022-06-23 12:53:07 2064 阅读

vue 使用 moment 获取当前时间及一月前的时间

vue 使用 moment 获取当前时间及一月前的时间其实这个没啥，就两行代码，比较容易忘，主要可以用在按时间段查询。安装 moment 如果之前安装过就不用再安装了。 npm install moment -- save 使用 moment 在使用的文件引用 moment。 import mo

获取当前时间

git

.net

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

Webpack 安装和实例

Webpack 安装和实例全局安装 webpack 安装官方文档：https://webpack.docschina.org/guid npm install --global webpack

html

模块化

bundle

原创 2022-06-23 12:52:29 348 阅读

vue 图片拖拉转放大缩小组件

vue 图片拖拉转放大缩小组件 <doc> 图片组件 - 用户放大缩小以及拖拽 </doc> <template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 1px s

ico

拖拽

放大缩小

原创 2022-06-23 12:52:21 436 阅读

vue echart 散点图画矩形区域

vue echart 散点图画矩形区域其实没打算写这部分东西来着，但是当时做的时候没找到合适的方式，看到别人写的博客总是觉得博客这种东西就是自己写完之后自己用，能分享一下就分享一下吧。其实方法很简单，只不过没有接触过的人可能觉得会有点难度，不是难，是没思路，点一下子就好了。先上图，当时我想做的

git

官网

html

原创 2022-06-23 12:51:44 289 阅读

vue + element + vue-cropper 实现图片裁剪上传

vue + element + vue-cropper 实现图片裁剪上传这个地方搞了好久，其实也不能说好久，其实很简单，只不过第一次弄的话，可能会遇到很多坑。安装 vue-cropper npm install vue-cropper 使用 main.js里面 import VueCropper

上传

宽高

edn

原创 2022-06-23 12:51:28 786 阅读

vue 使用 jsonp 请求数据

vue 使用 jsonp 请求数据 vue请求数据的时候，会遇到跨域问题，服务器为了保证信息的安

json

请求数据

git

原创 2022-06-23 12:51:27 314 阅读

vue 实现页面监听键盘按键上下左右

vue 实现页面监听键盘按键上下左右其实这个就算是快捷键的操作了，单纯的按下一个按键监听，目前也稍微简单一点。在 mounted 钩子函数里面调用一个方法，让页面监听键盘事件。 this.keyDown() 然后接下来的工作就是监听。 // 监听键盘 keyDown() { document.

监听键盘

git

事件对象

原创 2022-06-23 12:51:17 1225 阅读

vue实现div高度可拖拽

vue实现div高度可拖拽这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边有根据我的实际需求又重新修改了一下，先看一下现在的demo效果。 <template> <div id="eagleMapContainer" style="border: 1

拖拽

宽高

git

原创 2022-06-23 12:50:42 1298 阅读

vue 查询某个对象在对象列表的索引位置

vue 查询某个对象在对象列表的索引位置 let a = { id: 1, name: 'wjw' } let mList= [{ id: 1, name: 'wjw' }, { id: 2, name: 'zqx' }] let index = mList.findIndex(item => {

git

.net

原创 2022-06-23 12:50:32 74 阅读

vue 实现快捷键录入功能

vue 实现快捷键录入功能项目需要在页面使用快捷键，而且需要对快捷键进行维护，然后呢，就从网上抄了，改成自己的。记录一下。参考地址： https://www.jb51.net/article/203981.htm 首先有一个组件，用来实现快捷键的录入操作。直接上代码： hotkeyInput

快捷键

3c

git

原创 2022-06-23 12:50:25 208 阅读

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

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

51CTO博客

粘你一身大鼻嘎

# Vue相关基础技术分享

Vue 旅游网首页开发2 - 首页编写

Vue 全局 websocket

Vue 旅游网首页开发3 - Ajax获取首页数据

Vue 下载 Excel 文件

Vue 使用 Echarts 显示热力地图信息

element表格组件批量删除携带id拼接字符串问题

vue 起步

vue 显示 webpack-dev-server不是内部命令的解决办法

vue项目接入markdown

vue.js渐进式框架和应用场景

脚手架工具创建vue项目

vue中异步函数async和await的用法

vue 获取组件高度

vue跳转外部链接

vue 监听窗体变化 echarts自适应

vue 动态生成拓扑图

vue 使用 multipart/form-data 提交数据

vue 使用 application/x-www-form-urlencoded提交数据

vue使用 el-upload 上传文件附加参数

vue 使用 moment 获取当前时间及一月前的时间

Webpack 安装和实例

vue 图片拖拉转放大缩小组件

vue echart 散点图画矩形区域

vue + element + vue-cropper 实现图片裁剪上传

vue 使用 jsonp 请求数据

vue 实现页面监听键盘按键上下左右

vue实现div高度可拖拽

vue 查询某个对象在对象列表的索引位置

vue 实现快捷键录入功能

欢迎