vue项目打包部署到服务器的方法示例
上上一篇我写过一些关于vue项目部署到linux服务器的文章，但是那是以node作为开发环境 pm2 守护进程的方式，让他能正常运行，可是还是出现了问题，因为属于与APP交互的页面，在webView中打开过慢，APP的用户体验非常的差，所以 查看全文
详解vue-cli官方脚手架配置
一，准备工作 1.下载node.js 和 npm 2.将镜像源替换为淘宝镜像 二，创建项目 1.vue环境搭建 创建目录resume 1）npm init -y 2）npm install vue-cli -g (安装vue-cli ) 3 查看全文
解决vue同一slot在组件中渲染多次的问题
Q：今天写公共组件的时候碰到一个奇葩的情况，slot内部需要再次调用slot,这就会导致同一slot在组件中渲染多次引发的bug A：把把父组件需要传入的dom结构作为props属性传递给slotRender,保证出来的dom结构不相同（尽 查看全文
详解vue指令与$nextTick 操作DOM的不同之处
异步更新队列 可能你还没有注意到，Vue 异步执行 DOM 更新。只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据 查看全文
vue 使用html2canvas将DOM转化为图片的方法
一、前言 我发现将DOM转化为图片是一个非常常见的需求，而自己手动转是非常麻烦的，于是找到了html2canvas这个插件，既是用得比较多的也是维护得比较好的一个插件。 注意：版本比较多，这里介绍最新版 二、代码 1. 安装 npm 查看全文
快速解决Vue项目在IE浏览器中显示空白的问题
vue项目在IE浏览器中显示空白，是因为js文件没有加载，需要引入babel-polyfill这个东西，而用vue脚手架搭建的项目是没有引入此工具的 引入方法： 打开packge.json，在dependencies中加入：babel-po 查看全文
vue2.0父子组件间传递数据的方法
关于父子组件之间传递数据其实文档上都说得很明白。 但是如果完全不懂的人做计也看不懂，下面是一个小例子，有两个文件 1.parent.vue <template> <child :child-msg=msg @ok=even 查看全文
vue.js使用watch监听路由变化的方法
watch除了可以监听数据的变化，路由的变化也能被其监听到 效果如下： 具体代码 当路由发生变化后，在watch中写具体的业务逻辑 let vm = new Vue({ el: #app, data: {}, router, watch: 查看全文
vue-cli 3.x 修改dist路径的方法
一些牢骚 前端的世界真的太奇妙，更新速度真的跟火箭一样。没有一颗真正热爱它的心，真的很难继续走下去。前段时间 Node 之父 Ryan Dahl 发布新的开源项目 deno，受到了大量的关注。Ryan Dahl直言node是一个失败品，充斥 查看全文
vue实现word，pdf文件的导出功能
vue实现word或pdf文档导出的功能，我的项目是：后端返回一个文档流(下图)，然后前端对文档流做处理进行下载，代码如下： import axios from axios; axios.get(`url`, { //url: 接口地址 r 查看全文
vue 登录滑动验证实现代码
在没给大家讲解实现代码之前，先给大家分享效果图： 之前别人都是用jq写的，自己整理了一下开始使用 <el-form-item label=验证> <div class=form-inline-input> < 查看全文
Vue Element 分组+多选+可搜索Select选择器实现示例
最终效果(见下图。实际就是将element三种官方select实例整合起来，同时实现分组+多选+可搜索，此外点击一级分组名可以实现全选/全不选。供有相关需求的开发者参考 准备工作： 除了vue脚手架、element等必要包之外。该项 查看全文
vuejs选中当前样式active的实例
如下所示： <template> <div> <table id=longzhoufeng class=table table-striped table-bordered width=100% style=b 查看全文
Vue配合iView实现省市二级联动的示例代码
在实现省市二级联动时，如果省份和城市写在一个数组对象中。可以根据，点击某个省份时获取到目标省份的id 是否同 数组中的某个对象id一致 来判断 iView中的on-change事件 on-change事件：即选中的Option变化时触发，默 查看全文
详解vue中组件参数
我们来聊一下vue中的组件参数. 1.vue中组件参数 我们可以为组件的 prop 指定验证要求，例如你知道的这些类型。如果有一个需求没有被满足，则 Vue 会在浏览器控制台中警告你。这在开发一个会被别人用到的组件时尤其有帮助。 我们来看下 查看全文
全面解析vue router 基本使用(动态路由，嵌套路由)
路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 查看全文
Vue隐藏显示、只读实例代码
1.Vue隐藏显示 •v-bind:class=”{hidden: isHidden }” 可动态设置vm.isHidden值 •:class=”{hidden: isHidden }” 简写 2.Vue控件只读 & 查看全文
解决vue中监听input只能输入数字及英文或者其他情况的问题
如下所示： 1、 <input placeholder=请输入条形码 class=disPriceStyle v-model = searcBarCode></input>、 （只能输入数字，英文) <inpu 查看全文
vue做移动端适配最佳解决方案(亲测有效)
vw 解决方案 1. 安装并配置PostCss插件 复制代码 代码如下:npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-c 查看全文
vue.js实现格式化时间并每秒更新显示功能示例
本文实例讲述了vue.js实现格式化时间并每秒更新显示功能。分享给大家供大家参考，具体如下： <!doctype html> <html lang=en> <head> <meta charset= 查看全文
vue 实现在函数中触发路由跳转的示例
如下所示： <span @click=clickFn>点我</span> methods:{ clickFn:function(){ this.$router.go(/login);//其中login是你定义的一个路 查看全文
vue中如何实现pdf文件预览的方法
今天产品提出一个优化的需求，就是之前我们做的图片展示就是一个img标签搞定，由于我们做的是海外后台管理系统，那边的人上传的文件时pdf格式，vue本事是不支持这种格式文件展示的，于是就google搜索，发现有iframe、embed、vue 查看全文