vue使用Element-UI部分组件适配移动端问题
目录 前言 组件适配1—Message 消息提示 组件适配2—MessageBox 弹框 组件适配3—Dialog 对话框 结语 前言 使用组件库现成的组件是一件非常爽的事，基本不用自己敲代码，不用自己思考来思考去样式，就能得到一个比较满意的效果。 但与此同时也会带来一些不便，那就是部分 »
vue项目打包之后生成一个可修改IP地址的文件(具体操作)
今天在做项目的时候遇到了一个问题， 就是把项目部署到不同的服务器上， 但不能每次修改IP的时候就打包一次， 这就增加了前端的工作量，经过百度， 发现有一些方法是可以的，亲测可用。 具体操作是， 1，在static文件夹下面建立一个config.js文件， (function () { w »
vue项目打包之后生成一个可修改IP地址的文件(具体操作)
今天在做项目的时候遇到了一个问题， 就是把项目部署到不同的服务器上， 但不能每次修改IP的时候就打包一次， 这就增加了前端的工作量，经过百度， 发现有一些方法是可以的，亲测可用。 具体操作是， 1，在static文件夹下面建立一个config.js文件， (function () { w »
Vue中使用定时器(setInterval、setTimeout)的两种方式
目录 1. 循环执行（ setInterval ） 2. 定时执行 （ setTimeout） js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout。 注意：定时器需要在页面销毁的时候清除掉，不然会一直存在！ 1. 循环执行（ setInte »
vue项目中存储与使用后端传递过来的token
目录 前言 后端关于token的设置 前端页面取用token token存储 前端使用token实现路由守卫 请求拦截和响应拦截 总结 前言 以前一直都是在postman中测试验证token，现在用在真正的项目中，记录一下在vue项目中token的存储和使用 后端关于token的 »
vue项目中存储与使用后端传递过来的token
目录 前言 后端关于token的设置 前端页面取用token token存储 前端使用token实现路由守卫 请求拦截和响应拦截 总结 前言 以前一直都是在postman中测试验证token，现在用在真正的项目中，记录一下在vue项目中token的存储和使用 后端关于token的 »
vue项目使用electron进行打包操作的全过程
目录 一、设置国内镜像 二、创建vue框架文件 三、到vue项目的目录里面安装electron 四、做好以上步骤后就可以测试打包了 五、其他配置 附：electron打包设置可以选择安装目录 总结 一、设置国内镜像 npm config edit 执行后会弹出npm的配置文档，将以下类容 »
vue打包后生成一个配置文件可以修改IP
目录 需求说明 实现 需求说明 因为项目要适应各个地方，需要配置不同的IP，如果还是依赖于开发人员按照不同的地区打包，对于项目安装包管理起来是比较麻烦的。所以需要通过配置文件来解决这个问题。 刚开始觉得ip是开发是就写死了的，应该是不可以修改的，但是通过百度大法找到了解决的办法，但是实现 »
Vue实现骨架屏的示例代码
vue实现页面加载占位 效果如下 思路与实现 页面加载时用户等待，此时与用户交互的方式通常有等待层、进度条、加载动画等；本次介绍加载占位，把页面即将展示的样子用css背景展示出来，等数据返回后即可进行页面渲染，可以有效减少页面抖动。 页面组成如下： 占位子组件：使用纯css编写； 获 »
Vue实现简单搜索功能的示例代码
目录 1、概述 2、功能逻辑 2.1功能流程 2.2 流程图 3、功能实现 3.1 vue组件化 3.2 代码 3.3 动态效果 1、概述 在vue项目中，搜索功能是我们经常需要使用的一个场景，最常用的是在列表数据中搜索一个想要的，今天的例子就是我们实现vue从列表数据中搜索，并展 »
Vue+Echarts绘制饼图的示例详解
目录 1 引入Echarts 1.1 安装 1.2 引入 1.3 基本使用 2 基本饼状图 3 为饼图添加标题等属性 3.1 标题图例 3.2 数据展示 3.3 样式设置 4 饼图扩展 5 总结 1 引入Echarts 1.1 安装 使用如下命令通过 npm 安装 ECh »
Vue+Echarts绘制饼图的示例详解
目录 1 引入Echarts 1.1 安装 1.2 引入 1.3 基本使用 2 基本饼状图 3 为饼图添加标题等属性 3.1 标题图例 3.2 数据展示 3.3 样式设置 4 饼图扩展 5 总结 1 引入Echarts 1.1 安装 使用如下命令通过 npm 安装 ECh »
Vue+Echarts实现绘制动态折线图
目录 1 引入Echarts 1.1 安装 1.2 引入 1.3 基本使用 2 动态折线图 2.1 基本折线图 2.2 动态折线图 补充 1 引入Echarts 1.1 安装 使用如下命令通过 npm 安装 ECharts npm install echarts --sav »
vue-devtools的安装与使用教程
目录 前言 一、vue-devtools是什么？ 二、vue-devtools安装 1.下载vue-devtools工具 2.安装vue-devtools工具 三、vue-devtools的使用 总结 提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 主要介 »
Vue实现封装一个切片上传组件
目录 组件效果 使用文档 封装过程 1. 文件切片 2. 构造切片请求参数 3. 控制分片请求的并发 完整代码 待完善 组件效果 单文件切片上传 多文件切片上传 组件使用案例 <template> <div id="app"> »
Vue利用插件实现打印功能的示例详解
目录 安装 引入 使用 这里介绍一个插件（vue-print-nb），蛮好用的，用起来很方便，所以想记录一下 npm官方： https://www.npmjs.com/package/vue-print-nb 安装 V2版本 npm install vue-print-nb »
Vue利用插件实现打印功能的示例详解
目录 安装 引入 使用 这里介绍一个插件（vue-print-nb），蛮好用的，用起来很方便，所以想记录一下 npm官方： https://www.npmjs.com/package/vue-print-nb 安装 V2版本 npm install vue-print-nb »
在 Vue 中使用 dhtmlxGantt 组件时遇到的问题汇总(推荐)
最近接到需要在页面中引入甘特图，经过多方对比插件甘特图11.Gantt-elastic：一个基于HTML和CSS的甘特图插件，具有自适应布局和触摸屏支持。2.jsgantt-improved：一个基于JavaScript的甘特图插件，具有灵活的配置选项，支持任务链和资源分配。3.dhtmlxGant »
在 Vue 中使用 dhtmlxGantt 组件时遇到的问题汇总(推荐)
最近接到需要在页面中引入甘特图，经过多方对比插件甘特图11.Gantt-elastic：一个基于HTML和CSS的甘特图插件，具有自适应布局和触摸屏支持。2.jsgantt-improved：一个基于JavaScript的甘特图插件，具有灵活的配置选项，支持任务链和资源分配。3.dhtmlxGant »
Vue组件间的双向绑定示例解析
目录 何为组件间双向绑定 示例解析 总结 何为组件间双向绑定 我们都知道当父组件改变了某个值后，如果这个值传给了子组件，那么子组件也会自动跟着改变，但是这是单向的，使用v-bind的方式，即子组件可以使用父组件的值，但是不能改变这个值。组件间的双向绑定就是对于父组件的变更，子组件可以感知到 »