vue 实现用户登录方式的切换功能
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 24
一、vue 实现用户登录方式的切换在 data 当中，定义一个标识符 loginway，用来表示是用短信登录还是密码登录，true代表短信登...
详解Nuxt内导航栏的两种实现方式
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 31
方式一 | 通过嵌套路由实现在pages页面根据nuxt的路由规则，建立页面1. 创建文件目录及文件 根据规则，如果要创建子路由，子路由的文...
Vue+tracking.js 实现前端人脸检测功能
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 29
项目中需要实现人脸登陆功能，实现思路为在前端检测人脸，把人脸照片发送到后端识别，返回用户token登陆成功前端调用摄像头使用tracking...
vue制作抓娃娃机的示例代码
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 26
去年为联通制作双十一活动，做四个小游戏：‘配对消消乐'、移动拼图、抓娃娃、倒计时。 现在先做来分享一下制作抓娃娃游戏时的经验 先上效果图游戏...
vue fetch中的.then()的正确使用方法
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 26
先看一段代码：fetch('http://localhost:3000/books?id=123456',{ method:'ge...
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 31
1. 安装一个插件，识别vue文件2.新建代码片段文件–>首选项–>用户代码片段–>点击新建代码片段–取名vue.json...
Vue实现浏览器打印功能的代码
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 25
vue实现浏览器打印功能实际项目中使用vue实现调用本地打印机打印功能import vueeasyprint from "vue-easy-...
vue实现短信验证码输入框
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 26
本文实例为大家分享了vue实现短信验证码输入框的具体代码，供大家参考，具体内容如下先上最终效果 （此处代码显示的是短信验证码框的效果 其余部...
Vue中el-form标签中的自定义el-select下拉框标签功能
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 20
页面写死el-select下拉框标签：通过v-for="item in statearr"绑定，statearr声明在vue组件里面的dat...
vue实现购物车的监听
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
利用vue简单实现购物车的监听，供大家参考，具体内容如下主要运用的vue的监听，有兴趣的可以看看实现过程<!doctype html&...
vue实现淘宝购物车功能
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 15
本文实例为大家分享了vue实现淘宝购物车的具体代码，供大家参考，具体内容如下淘宝购物车功能，效果如下图非常简单的逻辑，没有做代码的封装，代码...
Vue的全局过滤器和私有过滤器的实现
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
vue允许自定义过滤器 可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式 和 v-bind表达式过滤器应被添加...
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
需求效果图示例实际完成效果图**代码实现注：table表格为二次封装的子组件-在table表格中 根据 scope.$index动态设置元素...
如何修改Vue打包后文件的接口地址配置的方法
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 18
1、背景常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相...
谈谈我在vue-cli3中用预渲染遇到的坑
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
前言在开发自己的个人网站的时候后，选择了用vue来开发，不可避免的遇到要对seo做优化。鉴于目前页面也不多，因此首先采用的是预渲染的方式。本...
vue项目打包之开发环境和部署环境的实现
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 24
项目开发阶段和生产环境可能不一样如前端在开发阶段，接口可能是自己使用 node.js 搭建的服务器，api 返回的也都是假数据，等后台接口开...
浅谈vue权限管理实现及流程
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 16
一、整体思路后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 ...
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 15
企业信息列表，查看某条记录时，弹窗页里要求展示企业的用户名，而用户名字段不在企业表里。为此，我们需要修改弹窗页的渲染方法。methods: ...
基于Vue实现微前端的示例代码
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人...
vue中使用带隐藏文本信息的图片、图片水印的方法
2020-06-23 18:36 | 分类：脚本编程 | 评论：0 次 | 浏览: 13
一.带隐藏文本信息的图片通过rgb 分量值的小量变动，不影响对图片的识别。因此，我们可以在图片加入文字信息。最终达到如下效果:首先，在该组件...
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 14
最早的路由定义方式import vue from 'vue'import vuerouter from 'vue-router'import...
Vue中函数防抖节流的理解及应用实现
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。一、函数防抖定义在事件被触发n秒后再执行回调，如果在这n...
vue 使用 vue-pdf 实现pdf在线预览的示例代码
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 17
背景之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在...
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 14
1.问题描述最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后...
vue项目启动出现cannot GET /服务错误的解决方法
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 9
上午做了项目，中午吃完饭后回来再跑一次服务器，出现 cannot get/： 控制台中并没有报错；npm run dev命令行窗口也没有报错...
vue项目中自定义video视频控制条的实现代码
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 6
最近公司项目中，添加了视频模块，但是产品觉得video自带的控制条有点low，于是自己设计了一个。于是开始了自定义video控制的采坑之旅。...
详解elementUI中input框无法输入的问题
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 6
最近发现别人项目中在输入密码的时候发现input框无法输入进去键盘都快敲坏了还是无法输入通过各种排查、还是无法解决这个问题后面无意中发现 e...
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 10
今天，我们使用vue cli3 做一个移动端适配 。前言首先确定你的项目是vue cli3版本以上的。一、移动端适配包1、安装移动端适配包n...
使用konva和vue-konva库实现拖拽滑块验证功能
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 4
1. 在vue项目中安装konva和vue-konva库npm install konva vue-konva --save-dev2. 引...
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020-06-23 18:35 | 分类：脚本编程 | 评论：0 次 | 浏览: 11
vue cli3 手把手教学封装svgicon组件第一步:在src文件下新建一个放置svg文件的文件夹第二步:在components文件下新...