用户登录
用户注册

vue的注意规范之v-if 与 v-for 一起使用教程

当v-if与v-for一起使用时,v-for具有比v-if更高的优先级,这意味着v-if将分别重复运行于每个v-for循环中所以,不推荐v-if和v-for同时使用使用推荐方式:
  • 0
  • 0
  • 0
  • 0
  • 0

Vue.js子组件向父组件通信的方法实例代码详解

一、场景描述:曾经有个电商项目,其中有个“老带新”模块,而且该模块新增的入口很多,但是新增后展示效果还不一样,当时就考虑将新增的组件单独拿出来,其实就是一个子组件向父组同步数据的过程。当然,背景不重要了,关键是...
  • 0
  • 0
  • 0
  • 0
  • 0

vue路由前进后退动画效果的实现代码

vue-route-transitionvuerouter切换动画特性模拟前进后退动画基于css3流畅动画基于sessionstorage,页面刷新不影响路由记录路由懒加载,返回可记录滚动条位置前进后退的判断与路由路径规则无关支持任意基于vue的ui框...
  • 0
  • 0
  • 0
  • 0
  • 0

vue+Element-ui实现分页效果实例代码详解

当我们向后台请求大量数据的时候,并要在页面展示出来,请求的数据可能上百条数据或者更多的时候,并不想在一个页面展示,这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0+element-ui实现一个分页功能,element-...
  • 0
  • 0
  • 0
  • 0
  • 0

vue实现PC端录音功能的实例代码

录音功能一般来说在移动端比较常见,但是在pc端也要实现按住说话的功能呢?项目需求:按住说话,时长不超过60秒,生成语音文件并上传,我这里用的是recorder.js1.项目中新建一个recorder.js文件,内容如下,也可在百度上直...
  • 0
  • 0
  • 0
  • 0
  • 0

解决vue动态为数据添加新属性遇到的问题

vue为数据添加属性时遇到的坑,通过self.book[i].[‘cur']=false;动态为数据添加属性时,数据变化了,但是视图没有发生更新。具体原因不明白。。。。解决方法:通过set来添加属性this.set来添加属性this.set(self.book[i],'cu...
  • 0
  • 0
  • 0
  • 0
  • 0

详解Vue-Router源码分析路由实现原理

深入vue-router源码分析路由实现原理使用vue开发spa应用,离不开vue-router,那么vue和vue-router是如何协作运行的呢,下面从使用的角度,大白话帮大家一步步梳理下vue-router的整个实现流程。到发文时使用的版本是:-vue...
  • 0
  • 0
  • 0
  • 0
  • 0

vue-cli项目修改文件热重载失效的解决方法

遇到一个很奇怪的问题,就是之前vue-cli创建的项目,在起初修改文件可以热重载,但是后面突然间就无法无刷新浏览器更新了,一只以为是热重载出问题了,折腾了半天也没纠结出什么结论,最后百度了一下,原来是编译器webstro...
  • 0
  • 0
  • 0
  • 0
  • 0

vue-cli2.0转3.0之项目搭建的详细步骤

vuecli介绍vuecli是一个基于vue.js进行快速开发的完整系统,提供:通过@vue/cli搭建交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。一个运行时依赖(@vue/cli-service),该依赖:可升...
  • 0
  • 0
  • 0
  • 0
  • 0

vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解

vue-cli3.0正式版于8月10号发布,但是3.0与2.0版本在搭建项目时到底有何不同呢?下面做一下简单的介绍,希望可以帮到有需要的朋友1、全局安装vu-cli3.0npminstall-g@vue/cli(如果之前安装了2.0版本,先卸载npmuninstall-...
  • 0
  • 0
  • 0
  • 0
  • 0

Vue 虚拟列表的实战示例

序言现如今,我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。本篇讨论基于vue.js的列表无限下拉实践。我们的目标就是:让列表下拉纵享丝滑,而不是像以往的下拉就loadi...
  • 0
  • 0
  • 0
  • 0
  • 0

2020-11-11,单身快乐

咳咳,给忘记了,话不多说更新更新>这次写的是关于vue框架开发的一些流程,可能不是那么详细,请大牛们斧正(主要是关于代码方面的我尽量细讲,工作过程暂时不讲)1.安...
  • 0
  • 0
  • 0
  • 0
  • 0

vue中实现高德定位功能

一、获取key及在index.htm中引入首先需要成为高德开发者,申请到适合项目的key.并在index.html中进行引入

详解vuejs2.0 select 动态绑定下拉框支持多选

select下拉选择产品类型:这一项是select涉及到父子组件信息传递下面拆开讲解父组件产品类型:

详解VUE里子组件如何获取父组件动态变化的值

在vue里父组件给子组件间使用props方式传递数据,但是希望父组件的一个状态值改变然后子组件也能监听到这个数据的改变来更新子组件的状态。场景:子组件通过props获取父组件传过来的数据,子组件存在操作传过来的数据并...

Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网

1.准备工作。1.首先准备安装vue及vue-cli$npminstallvue$npminstall-g@vue/cli2.其次下载tomcat任选一个版本,我测试用的是macos,所以下载了第二个压缩包下载到本地后,解压缩,并且将解压缩后的文件夹复制到以下路径下...

vue缓存的keepalive页面刷新数据的方法

用到这个的业务场景是这样的:a页面点击新建列表按钮进入到新建的页面b,填写b页面并点击b页面确认添加按钮,把这些数据带到a页面,填充到列表(数组),可以添加多条,点击这条的时候进入到编辑页面,确认修改之后,回退到a...

详解Vue.js v-for不支持IE9的解决方法

最近一个小项目,在最后的测试阶段出现了问题,使用了vue,在chrome、firefox、safari、ie11下都可以访问,唯独ie9下无法正常显示,排除程序问题后,最终判断是vue的锅,替换版本后解决。经过测试,2.16、2.17在ie9下无法使用v-f...

vue实现分页组件

本文实例为大家分享了vue实现分页组件的具体代码,供大家参考,具体内容如下