Vue2.0

对vue2.0中.vue文件页面跳转之.$router.push的用法详解

vue2.0在使用的过程中，.vue文件之间的跳转，在template中的常见写法是：继续但是有时的需求是页面不直接跳转，有确认弹框或者其他事件，此时就需要在js中设置跳转，常用的一种方法是.
侦探小禾子·2018-08-24 15:31

解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题

在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们或许会想到跳转至404页面。不管你有没有写一个404页面，当出现未匹配路由都需重新指定页面跳转。可能大家首先想到会是路由重定向，redirect来解决这个问题。但实际上通过redirect是没办法更好解决这个问题的。看代码红色部分importVuefrom'vue'importRouterfrom'vu
huang100qi·2018-08-24 15:52

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-08-24 11:24

解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题

我要实现的功能是在上传文件之前校验是否表格中存在重复的数据，有的话，需要弹窗提示是否覆盖，确认之后继续上传，取消之后，就不再上传。项目中用的element-ui是V1.4.3点击上传，或者拖拽到这里代码中我是将before-upload方法返回false，然后点击确认之后，调_this.$refs.fileUpload.submit();但是在点击确定之后，文件还是没有上传，后面去看了elemen
kristy1993·2018-08-24 11:38

vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效解决方法

我要实现的功能是在上传文件之前校验是否表格中存在重复的数据，有的话，需要弹窗提示是否覆盖，确认之后继续上传，取消之后，就不再上传。项目中用的element-ui是V1.4.3点击上传，或者拖拽到这里代码中我是将before-upload方法返回false，然后点击确认之后，调_this.$refs.fileUpload.submit();但是在点击确定之后，文件还是没有上传，还有第二个问题，就是取
kristy1993·2018-08-24 11:00

Vue学习笔记

Vue生命周期Vue2.0生命周期官网图从图中我们可以看到Vue运行的整个生命周期以及各个阶段的动作。beforeCreate组件实例刚刚被创建，组件属性计算之前，如data属性等；creat
yanruoxin·2018-08-23 18:49

从壹开始前后端分离【 .NET Core2.2 +Vue2.0 】框架之七 || API项目整体搭建 6.2 轻量级ORM

前言1、在使用的时候，特别是更新数据的时候，如果不知道哪里有问题，可以查看数据库和实体类的字段，是否大小写一致，比如name和Name2、在使用Sqlsugar的CodeFirst的时候，记得要先重建一个空的数据库，不然会提示错误。注意：Sqlsugar5.x版本已经支持自动创建数据库了，如果你用了最新的版本，可以不用手动创建（加上一行代码db.DbMaintenance.CreateDataba
老张的哲学·2018-08-23 13:00

Vue2.0点击切换类名改变样式的方法

1、使用indexvue导航*{margin:0;padding:0;}ulli{list-style:none;}.navul{margin:100pxauto20px;overflow:hidden;}.navulli{background-color:#5597b4;padding:18px30px;float:left;color:#fff;font-size:18px;cursor:po
香蕉你个芭呐呐·2018-08-22 15:31

从壹开始前后端分离【 .NET Core2.2 +Vue2.0 】框架之六 || API项目整体搭建 6.1 仓储+服务+抽象接口模式

前言1、@LearningCoding小伙伴关于用Sqlsugar在mysql数据库上的研究成果：sqlsugarcore支持mysql等数据库，在DbContext里面只需要设置dbtype为mysql即可，但是mysql8.0以上是个坑，会出现caching_sha2_password的错误，是因为root的密码类型问题，改起来挺麻烦的，所以建议使用mysql的时候安装5.6版本的即可，其他代
老张的哲学·2018-08-22 12:00

vue2.0 下拉框默认标题设置方法

昨天到今天，用vue2.0在写一个性别选择框，一给option添加seledted属性就报错这里下面是报错的代码ERRORin.
vae的粉·2018-08-22 08:03

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

1.首先，打开命令行工具（win+r，然后输入cmd），2.输入node-v,若出现相应版本号表示已经安装过了；若没有则安装node.js,从node.js官网下载并安装node,安装过程很简单，一直“下一步”即可。注意：在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。3.然后，安装淘宝镜像，打开命令行工具，输入n
lilyheart1·2018-08-21 17:49

Vue2.0+Vux搭建一个完整的移动webApp项目

1、说明运用技术：Vue2.0、Vux、vux-loader、vue-cli、vue-router、vuex2、效果图3、实现流程3.1搭建框架(需要安装好node.js、npm)1、快速搭建项目模板因为项目使用
Ivy吕姣姣·2018-08-21 16:49

从壹开始前后端分离【 .NET Core2.2 +Vue2.0 】框架之五 || Swagger的使用 3.3 JWT权限验证【必看】...

前言关于JWT一共三篇姊妹篇，内容分别从简单到复杂，一定要多看多想：一、Swagger的使用3.3JWT权限验证【修改】二、解决JWT权限验证过期问题三、JWT完美实现权限与接口的动态分配本文章不仅在Blog.Core框架里有代码，而且我也单写了一个关于JWT的小demo，在文章末，大家可以下载看看。书接上文，在前边的两篇文章中，我们简单提到了接口文档神器Swagger，《三||Swagger的使
weixin_30810239·2018-08-21 15:00

从壹开始前后端分离【 .NET Core2.2 +Vue2.0 】框架之五 || Swagger的使用 3.3 JWT权限验证【必看】

前言关于JWT一共三篇姊妹篇，内容分别从简单到复杂，一定要多看多想：一、Swagger的使用3.3JWT权限验证【修改】二、解决JWT权限验证过期问题三、JWT完美实现权限与接口的动态分配本文章不仅在Blog.Core框架里有代码，而且我也单写了一个关于JWT的小demo，在文章末，大家可以下载看看。书接上文，在前边的两篇文章中，我们简单提到了接口文档神器Swagger，《三||Swagger的使
老张的哲学·2018-08-21 15:00

从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之四 || Swagger的使用 3.2

前言如果想直接在域名的根目录直接加载swagger比如访问：localhost:8001就能访问，可以这样设置：app.UseSwaggerUI(c=>{c.SwaggerEndpoint("/swagger/v1/swagger.json","ApiHelpV1");c.RoutePrefix="";//路径配置，设置为空，表示直接访问该文件，//路径配置，设置为空，表示直接在根域名（local
老张的哲学·2018-08-20 19:00

vue2.0中 怎么引用less？

vue2.0中怎么引用less？
学富五车·2018-08-20 15:00

Vue2.0生命周期的理解

网上已经有很多关于vue生命周期的文章，我的这篇文章的由来，其实是我对官网上描述的一句话的思考与理解：“el被新创建的vm.$el替换”，所以文章更多的内容可能是在对vue生命周期中“created->beforeMount->mounted”过程的理解。beforeCreate-->created之间在这个阶段初始化事件，进行数据观测。createdvue实例创建完后被调用，此时已经完成了数据观
阳光小点儿·2018-08-20 14:41

从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之三 || Swagger的使用 3.1

常见问题1、Bug调试群里有小伙伴反馈，在Swagger使用的时候报错，无法看到列表，这里我说下如何调试和主要问题：1、如果遇到问题，这样的：请在浏览器=》F12==》console控制台==》点击错误信息地址或者直接链接http://localhost:xxxxx/swagger/v1/swagger.json，就能看到错误了2、经常有小伙伴遇到这个错误这是因为接口json文档定义和调用不是一个
老张的哲学·2018-08-17 22:00

从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之二 || 后端项目搭建

前言至于为什么要搭建.NetCore平台，这个网上的解释以及铺天盖地，想了想，还是感觉重要的一点，跨平台，嗯！没错，而且比.Net更容易搭建，速度也更快，所有的包均有Nuget提供，不再像以前的单纯引入组件，已经没有了之前的Assemblies和COM的引入，初次使用感觉会很别扭，不过使用多了，发现还是很方便的，所以你一定要会使用Nuget，真的很强大，这点儿设计思路感觉更像Linux了。下边这三
老张的哲学·2018-08-17 22:00

vuex + vue-resource 实现数据请求loading加载效果

vue2.0整个项目loading效果1.根据官方文档，首先创建一个store，定义一个初始state对象和一些mutation：importVuefrom'vue'importVuexfrom'vuex'Vue.use
前端戏子·2018-08-17 18:03

vue2.0父子组件间传递数据的方法

关于父子组件之间传递数据其实文档上都说得很明白。但是如果完全不懂的人做计也看不懂，下面是一个小例子，有两个文件1.parent.vueimportchildfrom'./child.vue';exportdefault{data(){return{msg:'helloworldgogo'}},components:{child},methods:{event(val){console.log(va
5649498·2018-08-16 09:06

Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)

Vue2.0传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？
lander_xiong·2018-08-16 09:43

Vue2.0下使用base64对参数加密

1.项目需求项目中要求对地址中传递的一个参数进行简单的明文加密2.解决过程2.1一开始准备使用js的escape和unescape对参数加密但由于参数是由英文字母和下划线等符号组成，而js的escape和unescape函数只对中文字符进行加解密，遂放弃2.1.1js有一个函数是可以将内容转化为十六进制的。就是escape函数。可以讲值转化为16进制。如果有中文的话，就会出现%uXXXX。如果没有
JinAn-aAn·2018-08-15 10:01

vue2.0 中使用transition实现动画效果使用心得

实践这里将通过四个实践小案例来体验和学习css过渡，css动画，javascript钩子，列表过渡的应用。至于案例用到的知识点就请自行学习官网文档。1.css过渡�C实践先来看看demo效果：这个案例其实很简单，通过一个transition来触发多个子元素的过渡效果，我们只需要定义元素对应的过渡效果就可以，其他事情vue会帮我们搞定，由此可以扩展出其他酷炫的过渡场景效果。先来看看这个简单案例的代码
lhb_11·2018-08-13 14:12

Vue自定义弹窗指令的实现代码

目标使用vue2.0实现自定义弹窗指令，当标签有该指令时，点击标签可以弹出弹窗实现Document点击我弹窗哈哈哈Vue.directive('popup',{inserted:function(el,
黄伟亮的网络日志·2018-08-13 09:15

vue2.0中关于active-class

一、首先，active-class是什么，active-class是vue-router模块的router-link组件中的属性，用来做选中样式的切换；相关可查阅文档：https://router.vuejs.org/zh-cn/api/router-link.html二、在vue-router中要使用active-class有两种方法：1、直接在路由js文件中配置linkActiveClasse
weixin_30610755·2018-08-10 17:00

vue2.0的虚拟DOM渲染思路分析

而我们知道操作DOM的代价是昂贵的，所以vue2.0采用了虚拟DOM来代替对真实DOM的操作
余大彬·2018-08-09 09:33

Vue2.0 实现歌手列表滚动及右侧快速入口功能

1歌手列表歌手列表页类似于手机通讯录，我们也将其作为一个基础组件独立出来，这部分的逻辑比较简单，这里不做过多的讲解//base/listview/listview.vue{{group.title}}{{item.name}}importScrollfrom'base/scroll/scroll'exportdefault{props:{data:{type:Array,default:()=>[
Nian糕·2018-08-08 11:33

解决vue 中 echart 在子组件中只显示一次的问题

对vue生命周期不熟悉的，可以去看一下我之前写一篇文章vue2.0项目实战（4）生命周期和钩子函数详解由于父组件请求的数据并不是一成不变的，会根据不同的
_marven·2018-08-07 10:07

Vue2+VueRouter2+webpack+Axios 使用element-ui

Vue2+VueRouter2+webpack+Axios构建项目实战目录以及文件结构Element-ui，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库官网http://element-cn.eleme.io
daily886·2018-08-06 10:29

Vue.js 2.0之全家桶系列视频课程——笔记（二）

.html一、发送AJAX请求1.简介vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0
汤小洋·2018-08-05 13:28

详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

wc-messagebox基于vue2.0开发的插件包含Alert,Confirm,Toast,Prompt仿照iOS原生UI(样式来源:MUI)一些想法刚开始的时候想要用现成的弹窗组件来着,但是查找一圈没有发现比较合适项目的
云水摇啊摇·2018-08-02 14:12

vue-router 的学习

在大致看完了vue2.0的官方文档后开始了vue-router的撸文档之旅。并参考https://www.jianshu.com/p/8013d8d37bd0这篇博客纪录下自己的学习过程。
Lancelot1025·2018-07-31 15:44

vue2.0页面前进刷新回退不刷新的实现方法

花了整整一周时间，尝试过很多种方法，终于找到了最佳的解决方案（对我来说最佳），为了祭奠逝去的一周，也为了释放激动的情绪，现在不得不写篇博客了。直接上重点：第一步：//在APP.vue里面写上keepalive，可以实现缓存（keep-alive是什么？查看官方文档）第二步：//在router的index.js里面给需要缓存的页面加上meta参数第三步：//在APP.vue里面写，当页面路由发生变化
LiveLikeDog·2018-07-31 11:30

Vue2.0 -- 钩子函数/ 过度属性/常用指令/以及Vue-resoure发送请求

VueJs.dom{width:100%;height:100px;background-color:pink;}.fade-enter-active,.fade-leave-active{opacity:1;transition:opacity1s;}.fade-enter,.fade-leave-to{opacity:0;}/*动画开始状态指([0]->1)/([无]->有)0/无的状态.fa
木头人_a·2018-07-30 17:00

vue2.0 + iview IE浏览器中不能正常运行解决办法

vue+iview+webpack项目在ie浏览器中不能正常运行。主要原因是代码中使用es6语法，在低版本浏览器中无法识别。解决办法：（1）webpack不会编译static下的js文件，所以js文件不要写在static文件夹中；（2）vue2+Webpack+ES6兼容低版本浏览器安装"babel-polyfill"命令：npminstall--save-devbabel-polyfill在根目
develop_·2018-07-27 00:00

用Vue2.0实现简单的分页及跳转

用Vue2.0实现一个数据的分页及页数的跳转，代码如下：数据绑定：{{...}}
Freya_yyy·2018-07-26 20:51

用Vue2.0实现一个简单的购物车页面

在学习Vue的初级阶段，练习一个小的应用，即用Vue实现一个购物车页面。在学习过程中，能极大地体会到Vue的强大和方便，用更少的代码渲染完整的页面，减少了HTML代码的冗余。首先，写出一个购物车页面的大致样式，相关代码及页面展示如下所示。购物车.fl{float:left;}.fr{float:right;}*{margin:0;padding:0;}.clearfix{zoom:1;}.clea
Freya_yyy·2018-07-25 22:26

vue2.0 跨域解决问题

设置代理解决跨域问题进入config>index.js目录下，添加匹配项：proxyTable:{'/web':{//loca为匹配项target:"http://localhost:3003",//设置代理目标（域名）//secure:false,//如果是https接口，需要配置这个参数changeOrigin:true,//如果接口跨域，需要进行这个参数配置pathRewrite:{'^/w
ange2017·2018-07-20 19:40

WebStorm上运行vue2.0

3.之后在右上角，点击EditConfigurations4.点击打开页面左侧的加号，选择npm5.之后进行如下配置即可在WebStorm上运行Vue2.0了，不需要在cmd中运行了。
冷兮code·2018-07-18 10:12

Vue2.0的环境搭建(全)

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式mvvm框架。Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。废话不多说，我们首先进行Vue-cli脚手架的安装，脚手架是搭起来的一个框子。一、那么我们就从最简单的环境搭建开始：首先我们要去Node.js的官网，下载node.js的安装包
冷兮code·2018-07-18 10:13

详解vue2.0监听属性的使用心得及搭配计算属性的使用

我们在工作中常常需要监听某一个属性值的变化，这个时候我们就需要用到了监听属性watch，在这里我总结watch属性的三种场景使用希望对你有所帮助：1.基础版监听：场景如下：输入框输入你的年龄，如果年龄在0-15岁提示信息：你还是个小孩，如果年龄在15-25岁，提示信息：你已经是个少年，如果年龄在25岁以上，提示信息：你已经长大了。根据需求配合监听属性我们得到下面的代码：年�g：提示信息：{{inf
疯狂的小标点·2018-07-18 08:25

vue2.0 px与rem转换问题

由于我们拿到的产品图标注都是px为单位的，为了不去计算px与rem的转换，我们使用px2rem插件，来捕捉当前项目的所有px，直接计算相对应数值，这样，以后写界面，就可以直接用px来构建界面，不用自己去计算啦1、安装插件npmipostcss-px2rem--savenpminstallpx2rem-loader--save2、配置px2rembuild目录下vue-loader.conf.js中
gardeniahui·2018-07-17 19:34

vue2.0中router-link详解

在vue2.0中，原来的v-link指令已经被组件替代了组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的标签，可以通过配置tag属性生成别的标签。
冰雪为融·2018-07-17 16:12

Vue2.0 子组件传值给父组件

this.$emit(event,...args);/**event:要触发的事件*args:将要传给父组件的参数*/Usage：子组件内容：methods:{iclick(){letdata={a:'data'};this.$emit('ievent',data,'lalala');}}父组件内容：methods:{ievent(...data){console.log('allData:',d
Corey_Mxd·2018-07-17 12:46

vue2.0入手踩坑系列文章-表单初始值（Vue.set）

1：浏览器怪异现象表单元素操作失灵，不可以修改其值。2：原因页面在一上来就想让表单元素有个初始值，并且这个表单元素的值后续可以正常改动（带有双向绑定的特性），有两种做法：【方式一】：那么在data中必须先声明好对应的字段，否则后续修改失灵。源码：//数据绑定data(){return{//表单数据双向绑定响应的sendParams:{effectiveTime:[]}}},//扩展属性，并赋默认值
麦壳儿UIandFE2·2018-07-16 19:34

vue2.0入手踩坑系列文章-表单初始值（Vue.set）

1：浏览器怪异现象表单元素操作失灵，不可以修改其值。2：原因页面在一上来就想让表单元素有个初始值，并且这个表单元素的值后续可以正常改动（带有双向绑定的特性），有两种做法：【方式一】：那么在data中必须先声明好对应的字段，否则后续修改失灵。源码：//数据绑定data(){return{//表单数据双向绑定响应的sendParams:{effectiveTime:[]}}},//扩展属性，并赋默认值
麦壳儿UIandFE2·2018-07-16 19:34

vue2.0实战项目——简单的快餐店系统

最近学习vue看到网上很多学习的资料，就找了一个项目系统练习，主要是想学习了的一些知识点，系统的组合运用一遍。网上根据技术胖老师博客的内容自己也实战了一遍，挺实用的，对vue框架有了更深入的了解以及自身能力的提升。欢迎下载使用或二次开发。（一）项目分析这个项目主要是实现在线的用户点餐以及对点餐列表商品的增删改查等功能；然后使用mockplus工具画出草图，主要是方便开发。（二）运用到的技术1.使用
猿来独往·2018-07-12 18:36

vue2.0 组件 vue-ztree 技巧

安装:npminstallvueZtree--save-dev引入importvueZtreefrom"vue-ztree/src/components/vue-ztree";用法参考https://github.com/lisiyizu/vue-ztree-2.0####注意事项末尾都要有children,空数组也可以，不然会报错业务：这两个地方都可以控制展开和关闭即方法：expandClick
萝卜芹菜芽·2018-07-11 14:09

Vue2.0仿饿了么webapp单页面应用详细步骤

部分截图安装&&运行：1、安装node：http://nodejs.cn/download/安装git：https://git-scm.com/downloads2、从我的仓库克隆代码：$gitclonehttps://github.com/ColinScales/shell3、安装vue脚手架工具vue-cli:$npminstallvue-cli-g4、进入代码根目录安装依赖：$npminst
Tooann·2018-07-08 17:30
上一页 56 57 58 59 60 61 62 63 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他