Vue2.0

vue2.0 实现导航守卫的具体用法（路由守卫）

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards）这个名字，听起来怪怪的，但既然官方文档是这样翻译的，就姑且这么叫吧。贴上文档地址：https://router.vuejs.org/zh-cn/advanced/navig
狂奔的小马扎·2018-05-17 09:58

vue2.0项目实现表单向上滚动的效果

{{item.trade}}{{item.price}}{{item.riseFall}}{{item.volume}}{{item.max}}{{item.min}}exportdefault{name:'NoticeIndex',data(){return{time:'',isA:true,isB:false,isC:false,isD:false,items:[{trade:'111',pr
hx_1199·2018-05-16 14:50

关于vue2.0异步获取后端数据且在页面进行数据的输出显示做成前后端分离

如果要用vue2.0进行前后端分离官网提供了一个插件：vue-resource，安装方法我就不在这里介绍了官网有记得要全局注册对于vue-resource官方是这么介绍用法的：这个跟ajax用法差不多也就是改变了一些语法格式
夏日好凉·2018-05-09 23:19

vue2.0实现移动端的输入框实时检索更新列表功能

最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列表的效果，当用户在搜索框输入客户的电话或姓名的时候，客户列表内容会做相应的更新，下面给大家看下图~・html用v-on:input="inputFunc
啊暖啊·2018-05-08 10:16

vue2.0：解决—如何抽取公用js

首先创建公用js在static中创建js—>utils.jsutils.js内容如下：exportdefault{install(Vue,options){Vue.prototype.formatDuring=function(mss){vardays=parseInt(mss/(1000*60*60*24));varhours=parseInt((mss%(1000*60*60*24))/(10
晓果博客·2018-05-04 17:32

vue2.0 使用element-ui里的upload组件实现多图上传。采用FORMDATA的方式上传

原文地址：https://blog.csdn.net/a12541254/article/details/79187130这边博文主要介绍的是使用element-ui的upload上传组件实现自定义多图上传的方式。element-ui的upload上传组件，如果是多图上传，实际上在请求中为单个文件上传，只是提交方法中自循环，直至上传文件列表为空为止。不多说上代码：HTML：[html]viewpl
Alex1990pjs·2018-05-04 11:36

Vue.js系列（一）介绍

这里引用“Vue作者尤雨溪：Vue2.0，渐进式前端解决方案”这篇文章里作者尤雨溪的说法：“我在做Vue的过程中也在不停地思考它的定位，现在，我觉得它与其他框架的区别就是渐进式的想法，也就是“Progressiv
Chen__Mou·2018-05-01 22:42

vue-cli 工程中 具名 插槽 slot用法

参考vue2.0文档具体解释参考文档简单理解就是给每一个slot一个name属性，父组件中使用子组件标签时用的slot=“xxx”,要跟子组件的name匹配上，才会渲染出来具名插槽和单个插槽可以共存具名插槽代码实例
素燃·2018-05-01 08:02

Vue基本语法

静态数据绑定）动态数据绑定（计算数据属性）数据双向绑定绑定类绑定样式指令v-ifv-show模板指令v-for父子组件间传值事件传值属性传值props页面间传值时间钩子路由Http腾讯课堂“前端名师带你学习vue2.0
islyn·2018-04-30 20:19

vue2.0数据更新，重新渲染视图的三种方法

问题：利用v-for渲染数据，通过方法改变了数据，视图没有更新。原因：由于javascript的限制，Vue不能检测到以下变动的数组（如：objArr）：1.通过索引直接设置数组的某个值，this.objArr[index]=newValue;2.通过索引直接设置数组中对象的某个属性，this.objArr[index].pro=newValue;3.通过修改数组的长度，this.objArr.l
hunter-猎码人·2018-04-30 10:23

Vue2.0—— 搭建Vue脚手架（vue-cli）

ps:想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望对初学者有所帮助。ps：高手请绕道。说明
humor丶t·2018-04-30 09:08

Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能

本文实例为大家分享了Vue2.0实现调用摄像头进行拍照功能的具体代码，以及图片上传功能引用exif.js，供大家参考，具体内容如下可以在github上下载demo链接vue组件代码import{Exif
fongdaBoy·2018-04-28 08:42

vue2.0 二维码生成器

vue项目开发的时候经常会遇到需要将一个网址链接转化为二维码的需求，方便用户扫描观看，以下就是我在寻找vue二维码生成器的时候踩过的坑（本人小白，不喜勿喷）不能用的二维码生成器qrcodenode-qrcodevue-qrcodeqrcodejs2等等，，，本人是贼吉儿讨厌那些博客粘贴复制别人的自己不试一试的，完全不能用以下就是今天的主角xkeshi/vue-qrcode，感谢知乎-vue二维码生
卷毛12138·2018-04-27 11:59

在线商城项目-six淘

由于没有搭建过该类型网站，主体脉络参考慕课上的视频Get全栈技能点Vue2.0/Node.js/MongoDB打造商城系统，有兴趣的同学可以购买以后进行学习，该视频项目的在线地址如下：http://imooc
love丁酥酥·2018-04-25 23:12

vue2.0传值方法的归纳

使用vue2.0做过几个项目，传值，最初只会emit的方法，导致整个项目都是emit，而且项目没有合理的划分，有些写成父子形式，传递是很方便的，而且整个项目逻辑也很清晰。
gesila·2018-04-24 17:08

axios + vuex 封装请求后台数据

自Vue2.0官方推荐大家使用axios开始，axios被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情，但是axios没有进行封装复用，项目越来越大，引起的代码冗余。
溪桥路转·2018-04-24 00:43

vue2.0 element-ui中的el-select选择器无法显示选中的内容

我使用的是element-uiV2.2.3。代码如下，当我选择值得时候，el-select选择器无法显示选中的内容，但是能触发change方法，并且能输出选择的值。select.vue文件importaxiosfrom'axios';exportdefault{data(){return{groupItem:{},formData:{},rows:'',cols:''}},watch:{},met
kristy1993·2018-04-23 11:00

详解Vue2.0配置mint-ui踩过的那些坑

最近开发项目的时候逐渐采用vue.js+mint-ui的技术栈，但是昨天开始配置开发环境的时候，遇到了各种报错，即使是按照两家的官方文档配置，也还是会报错，晚上下班后回去配置了一晚上，才终于把它配置好，所以就记录下来，以防后面再次踩坑。。vue.js介绍Vue.js是一个用于创建web交互界面的。其特点是简洁HTML模板+JSON数据，再创建一个Vue实例，就这么简单。数据驱动自动追踪依赖的模板表
DreamHao·2018-04-23 09:25

vue2.0 移动端实现下拉刷新和上拉加载更多的示例

本人正在基于vue2.0+webpack+es6搭建前端架构，整理了部分插件，下面这个是下拉更新上拉更多的，挺好用的，分享给大家。直接上代码，不懂的多看几遍，下面我换会告诉大家如何使用。下拉更新松开更新更新中加载中……exportdefault{props:{offset:{type:Number,default:40},enableInfinite:{type:Boolean,default:t
实现丰盛·2018-04-23 09:46

最简洁,最全面的vue2.0实现轮播图实战教程详解

因为最近在做一个积分奖励项目，首页要做一个轮播图，正好借这这次机会把本次使用vue2.0实现轮播图的详细过程分享出来。
guobinhui·2018-04-21 23:08

Vue2.0 完成数字输入框组件

下面是最终效果图，简陋版的。最终效果图需求：输入框只能输入数字，初始值为5。点击加减，相应减1;点击+10，输入框数字相应加10。此输入框最大值为100，最小值为0;输入框聚焦的时候，键盘上下相应加减1。分为index.html，input-number.js，index.js三个文件。index.html入口页input-number.js数字输入框组件index.js根实例代码如下：index
yancolin·2018-04-17 16:23

vue2.0子组件和父页面之间的数据传递

https://www.cnblogs.com/daiwenru/p/6694530.htmlhttps://www.cnblogs.com/padding1015/p/7878710.htmlVue2.0传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行
快帮我写代码·2018-04-17 11:03

构建VUE2.0 APP项目（一） 环境搭建

1、安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。2、安装webpack，打开命令行工具输入：npminstallwebpack-g，安装完成之后输入webpack-v，如下图，如果出现相应的版本号，则说明安
H_LE·2018-04-13 13:35

Vue2.0 实现单选互斥的方法

本文介绍了Vue2.0实现单选互斥的方法，分享给大家，具体如下：需要实现如上图的功能1.首次加载页面，根据data里的catgoryId高亮对应的选项2.点击某个选项，该选项高亮，其他去掉高亮代码结构：
懒惰的小白·2018-04-13 09:48

用vue2.0实现点击选中active其他选项互斥的效果

在正常的js中。我们如果要实现点击选中active然后其他取消的效果，我们可以定义一个类，当点击的时候给给多有的dom取消active的类，给当前元素加上这个类名，说的很��嗦，直接来看代码说话吧（表示楼主用的是jq）:*{margin:0;padding:0;}li{list-style:none;width:100px;margin-top:10px;border:1pxsolidred;}l
明明一颗大白菜·2018-04-12 16:46

vue2.0 前后端分离跨域每次请求sessionId不一致解决 springboot解决跨域问题

随着前端框架的不断发展，越来越多的项目更喜欢用前段后分离来做，作为后台人员，完全不想写一点前端，只想关注API的编写就够了哈哈但前后端分离开发项目还是会踩到太多坑，最近就有一个需求是，多个站点共享用户登录信息，就是当用户在某一个站点登录了，当点击到另一个项目的站点时，延用之前的登录信息，无需再次登录。此时就想到了使用Redis来实现该需求，当用户登录成功后，将用户信息保存到Redis，以sessi
苏雨丶·2018-04-12 15:32

vue2.0 资源文件assets和static的区别详解

资源文件处理在我们的项目结构里，有两个资源文件的路径，分别是：src/assets和static/。那这两个到底有什么区别呢？Webpacked资源为了回答这个问题，我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-html-loader和css-loader解析，寻找资源的URL。举个例子，在和background:url(./
认真的前端·2018-04-08 10:33

vue2.0学习04之vue-cli的解析

一直想写webpack的知识点，却发现webpack其实要将webpack说的具体内容还是挺多的。而且网上上一搜webpack有好多人都有去写webpack的知识点，所以本文中不再去重复别人的东西了，就简单记录一下我对webpack的理解。一、什么是webpack1.webpack是什么？webpack是一个模块打包工具。用vue项目来举例：浏览器它是只认识js，不认识vue的。而我们写的代码后缀
神秘者007·2018-04-07 10:56

vue2.5/vue-cli3.0版本更新引发的一些常见问题

网上很多教程文章都是基于vue2.0搭建的，vue-cli也是低版本的在跟着教程练习时，就会产生很多疑惑：困扰我很久，问了很多人，竟然没人说对，虽然隐约觉得应该是版本的问题，还是不知如何下手，查阅了许多资料
yint·2018-04-07 00:00

HTML5 Web SQL实现简单的增删改查websql使用方法vue2.0使用websql实现浏览器存储

websql的一些基本操作我已经把项目打包到gitgub上面，可以直接访问的地址在下面[在线测试地址]WebSQL是在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写。核心方法以下是规范中定义的三个核心方法：openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。ex
苏雨丶·2018-04-04 14:01

基于vue2+framework7的微信公众号项目开发经验和干货

一、经验篇1，我&vue2.0作为一个从0开始学vue并直接边学边做实际项目的小白来说，经过了几个月的
陈软件·2018-04-03 00:56

vue2.0入门教程

Vue是渐进式——易用、灵活、高效，没有太多限制的JavaScript框架两种使用方式1.引入cdn2.命令行工具搭建脚手架el属性：element需要获取的元素，一定是html中的根容器元素data属性：用于数据的存储，本质是对象，key和value自定义初始vue双花括号中的内容放入了一个虚拟dom通过它插入dom中在Vue中可以直接拿到属性在方法中使用Index.htmlVue.js{{gr
极客范儿·2018-04-02 07:28

Vue 2.0前端生产环境发布配置实战篇

前言首先这篇文章是写给Vue2.0新手的，老司机基本不用看了。
岗伯伯·2018-03-28 00:00

Vuejs2.0之异步跨域请求——axios

vue2.0中，HTTP请求从推荐Vue-Resoure变为了axios。
AmberQu·2018-03-27 09:33

vue2.0中使用swiper插件 vue-awesome-swiper指南

在使用vue.js开发时，使用官方vue-cli开发时用上了轮播插件swiper,总结了一下swiper使用时遇到的问题：最好的老师来自于官方文档：附上vue-awesome-swiper在git上的地址以及安装过程https://www.npmjs.com/package/vue-awesome-swiper下面我来概述一下整体使用操作：一首先讲下安装：通过npm安装:npminstallvue
weixin_33690367·2018-03-26 02:29

基于vue2.0手机端如何写获取百度地图

在webpack.base.conf.js的module.exports的方法中粘贴下面externals对象，注意：它是跟entry平级externals:{"BMap":"BMap"},以下是完整的vue组件，根据经纬度定位，可搜索地点，地图可放大缩小，可选择地图模式返回搜索{{v.title}}{{v.address}}importBMapfrom'BMap';importbasefrom'
Call_me_small_pure·2018-03-22 14:05

vue2.0 写一个简易组件

首先创建一个vue项目有很多方式可以通过vue-cli创建这里呢，我会通过npminit创建再来配置webpack一步一步讲解，然后实现vue-cli创建一个vueinitwebpack-simpletest2的原理最终构建成的目录是这样的：test2srccomponentspagepage.vueindex.jsApp.vuemain.jsindex.htmlpackage.json.edit
55lover·2018-03-17 17:41

基于vue2.0动态组件及render详解

如下所示：{{msg}}这里是Boor直直点击//import$from'@/assets/scripts/lib/zepto.min'//console.log($);//importVuefrom'vue'functionisEmptyObject(e){vart;for(tine)return!1;return!0}functionobjectLength(o){varlen=0;for(v
huang100qi·2018-03-17 12:16

vue内部指令学习经验

一、走起Vue2.0一、下载Vue2.0的两个版本：官方网站：http://vuejs.org/·开发版本：包含完整的警告和调试模式·生产版本：删除了警告，进行了压缩二、编写第一个HelloWorld代码
梦想代码·2018-03-16 11:14

Vue2.0 UI框架Element运用之DateTimePicker（el-date-picker）初始值及时间格式转化等细节问题

Element运用之DateTimePicke初始值默认值设置及时间转化问题需求：点击更新信息按钮，弹出的对话框中的时间选择器默认选择当前时间（后端返回的是时间戳（this.plant.created_time））注：手册里面说的default-value,是当你点开选择器之后默认选中的时间(如下图)而不是初始红框中显示的时间。因此本人使用v-model实现。template：data()：met
ECMAScripter·2018-03-15 13:29

单页应用vue框架开发微信投票系统中填过的坑

本人一直做前端、webGIS开发，因其他机缘做了一次微信公众号系统开发，使用vue2.0开发，过程中遇到很多坑，一一都解决了还是比较有意思，现在有时间好好总结一下，希望能对一些正在进行微信公众号开发的人提供一些参考
vicky_chen89·2018-03-15 12:17

vue2.0安装style/css loader的方法

项目需要引用额外的ui组件库，就需要安装style-loader和css-loader安装style-loader（css-loader默认有）npminstallstyle-loader-D然后，打开模板build--webpack.base.conf.js(根据初始化模板不同也可能是build下面的webpack.base.conf.js),新增一个json，注意style！css顺序不能颠倒
亲爱的混蛋·2018-03-14 10:11

Vue2.0 事件的广播与接收(观察者模式)

但vue2.0之后就弃用这两个方法，以下原因是vue官网给出来的官方文档2.Vue2.0事件的广播与接收(观察者模式)vue2.0中可以使用$emit,$on,$off分别来分发、监听、取消监听事件。
前端小智·2018-03-14 10:29

vue2.0模拟锚点的实例

在vue项目中，因为采用路由跳转，会导致无法使用常规的a标签配合ID的锚点功能。解决办法：灰啊灰啊我的骄傲放纵methods:{goAnchor(selector){varanchor=this.$el.querySelector(selector)document.body.scrollTop=anchor.offsetTop}}17.9.20更新：以上在FireFox有BUG，修复如下：met
亲爱的混蛋·2018-03-14 10:20

vue2.0路由切换后页面滚动位置不变BUG的解决方法

最近项目中遇到这样一个问题，vue切换路由，页面到顶端的滚动距离仍会保持不变。立即试用个人中心useRightNow(){if(判断用户存在){this.$router.push('/user')}else{this.$router.push("/login")}}解决办法很简单，如下，直接监测watch路由变化，然后将body的滚动距离scrollTop赋值为0。exportdefault{wa
亲爱的混蛋·2018-03-14 10:59

解决vue2.0动态绑定图片src属性值初始化时报错的问题

在vue2.0中，经常会使用类似这样的语法v-bind:src="imgUrl"（缩写:src="imgUrl"），看一个案例exportdefault{data(){return{captcha_id
亲爱的混蛋·2018-03-14 09:12

vue.js配合axios发送Ajax请求

vuevue.js与ajaxvue本身是不支持发送ajax请求，需要通过其他库来实现的（比如vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios），或者也可以使用jquery
我就是z·2018-03-13 22:57

vue.js配合axios发送Ajax请求

vuevue.js与ajaxvue本身是不支持发送ajax请求，需要通过其他库来实现的（比如vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios），或者也可以使用jquery
我就是z·2018-03-13 22:57

Vue2.0 给Tab标签页和页面切换过渡添加样式的方法

使用vue-router构建单页应用时，如何给当前页面的标签页添加样式呢？1.在app.vue文件中你的nav中添加路由地址2.依然在app.vue文件中，添加样式不用在任何位置加class，只要在css中写上这个名称，样式自己随意改。如何在单页切换的时候添加过渡？1.在app.vue文件中，将router-view包裹在transition中，transition加个name。2.在app.vu
yhyclelo·2018-03-13 15:45

vue2.0 实现页面导航提示引导的方法

以上这篇vue2.0实现页面导航提示引导的方法就是小编分享给大家的全部内容了，希望能给大家一个参考
yyjourney·2018-03-13 15:30
上一页 58 59 60 61 62 63 64 65 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他