-
Vue监听事件实现计数点击依次增加的方法_vue.js
1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。效果如下：代码如下：<!DOCTYPE html><html><head> <meta charset="
14 2018-10-29 0 14
-
Vue2.5学习笔记之如何在项目中使用和配置Vue_vue.js
最开始的项目开发中，我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可。<script src="../xxx.js"></script>Vue 我们也可以这种引入的方式<div id="root">{{name}}</div><scrip
68 2018-10-29 0 68
-
Vue中控制v-for循环次数的实现方法_vue.js
在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据 v-for="(item,index) in domainList.slice(0, 2)" 用这样的方法可以截取循环的数据长度，从而控制循环的次数2.通过v-if来
16 2018-10-29 0 16
-
VUE v-for循环中每个item节点动态绑定不同函数的实例_vue.js
一. 业务场景：一个title 处 可能有 一个或多个按钮， 按钮对应不同的响应事件二. 思路 : 按钮个数 根据传入的数据length 来循环渲染， 每条数据对应的事件名称 通过动态绑定三. 封装组件1. 视图层面2. 代码部
22 2018-10-29 0 22
-
基于vue v-for 多层循环嵌套获取行数的方法_vue.js
在做vue项目的时候难免会用到循环，可是但我们后台数据返回多条记录而且是多层嵌套关系的时候，我们需要获取当前第几次循环此时就会出现问题。下面给大家介绍两种方式，第一种是基于数学公式：第一次循环*（第二次
12 2018-10-29 0 12
-
vue 循环加载数据并获取第一条记录的方法_vue.js
最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了vue的API：https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-ifelement ui：http://element.eleme.io/#/zh-CN/component/input用法：
<el 18 2018-10-29 0 18
-
Vue监听一个数组id是否与另一个数组id相同的方法_vue.js
数据list，结构为[{id:1,…},{id:2,…}]，数据shoplist，结构为[{id:1,…},{id:2,…}]，判断当shoplist.id等于list.id时显示list的数据。.vue文件：<template> <div class="hello"> <div class="shoplist"> <butt
16 2018-10-29 0 16
-
详解Axios统一错误处理与后置_vue.js
问题
在进行业务开发的时候，前后端会对接口的数据结构进行约定，若接口有异常，需要将异常信息展示给用户知晓。这个流程里，数据结构是确定的（事先约定），数据的处理逻辑是相同的（展示给用户），如果在业务代码代码中重 13 2018-10-29 0 13
-
解决vuejs 使用value in list 循环遍历数组出现警告的问题_vue.js
在使用vuejs遍历数组的时候，使用in语句形式，会有一个警告的提示：警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件：/* eslint-disable */<template> <div class="hello" style="background: fuch
14 2018-10-29 0 14
-
Vue resource三种请求格式和万能测试地址_vue.js
注意：1.前端服务器测试地址的万能地址，太好用了http://jsonplaceholder.typicode.com/users，基本能响应各种请求。点击进入官网2.这里测试只写了成功的回调函数，同时还要失败时的回调函数。HTML代码：<!DOCTYPE
18 2018-10-29 0 18
-
Vue 配合eiement动态路由,权限验证的方法_vue.js
1.要实现动态路由，只需要在main.js中将所有路由表先规定好，如下const routes=[ {path:'/login',component:login},/*登录*/ {path:'/home',component:home},/*首页*/ {path:'/monitor',component:monitor}
11 2018-10-29 0 11
-
vue-router之nuxt动态路由设置的两种方法小结_vue.js
方法一：router-link<div class="slide-item" v-for="user in shareData.users"> <nuxt-link :to="'/community/member/'+ user.id"> <img src="../../static/head.png" alt=""> &l
17 2018-10-29 0 17
-
vue根据进入的路由进行原路返回的方法_vue.js
情景：a---------->c 点击返回，希望返回到ab---------->c 点击返回，希望返回到b解决方案：a页面，加from字段PubSub.subscribe('table-view', function(msg, args) { var rowData = args[0], rowIndex = args[1];
15 2018-10-29 0 15
-
vue项目使用axios发送请求让ajax请求头部携带cookie的方法_vue.js
最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。查看文档得知axios默认是不让aj
10 2018-10-29 0 10
-
基于axios 解决跨域cookie丢失的问题_vue.js
设置 axios.defaults.withCredentials = true 即可示例代码： axios.defaults.withCredentials = true; var param = new URLSearchParams(); param.append("vCode",vcode); axios.post('http://localhost'
11 2018-10-29 0 11
-
在vue中获取token,并将token写进header的方法_vue.js
需要准备的东西：Vue+axios+Vuex+Vue-router1.在login.vue中通过发送http请求获取token//根据api接口获取tokenvar url = this.HOST + "/session";this.$axios.post(url, {username: this.loginForm.userna
20 2018-10-29 0 20
-
axios取消请求的实践记录分享_vue.js
问题的来源用el-autocomplete远程获取数据时，点击输入框会触发第一次请求，然后输入搜索文字后会触发第二次请求，两次请求间隔较短，有时候会出现第二次请求比第一次请求先返回的情况，导致我们期望的第二次发送
15 2018-10-29 0 15
-
axios 封装上传文件的请求方法_vue.js
axios 和 ajax 都支持异步请求，两者使用方法大同小异，在此使用 axios 上传文件的请求。使用的时候只需要在响应的 vue 组件中引入就可以。import Vue from 'vue';import VueCookie from 'vue-cookie';impor
15 2018-10-29 0 15
-
vue中使用axios post上传头像/图片并实时显示到页面的方法_vue.js
在前端开发中，为了更好的用户体验，在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法。html代码： <div id="myPhoto" v-show="personalPhoto"> <div class="v
32 2018-10-29 0 32
-
Vue引用Swiper4插件无法重写分页器样式的解决方法_vue.js
最近在尝试用nuxtjs来搭建新的站点，但是平时在jquery里面用惯的一些插件一到vue上面引用就各种不顺畅~本文记录一下在用Swiper插件来做轮播图的时候遇到的问题~至于怎么在vue里面引用插件就不累赘了，npm能
60 2018-10-22 0 60
-
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题_vue.js
Vue使用swiper插件时特别是轮播元素含有动态数据时可能会出现数据为空或者白屏的问题使用下面的方法可以解决（保证在数据请求之后再渲染页面）页面结构<div class="swiper-container"> <div class="swiper-w
80 2018-10-22 0 80
-
详解如何在vue项目中使用lodop打印插件_vue.js
项目中使用到打印的功能。领导推荐使用LodopLodop是什么东东，反正就是可以定制打印的插件。。。既然是插件，vue的渐进式开发。完全可以拿来化为己用。如何使用那？先大概看了下开发文档，就是一堆demo，一个js文
20 2018-10-22 0 20
-
浅谈在vue中使用mint-ui swipe遇到的问题_vue.js
使用步骤：1.安装：npm install mint-ui -S2.引入组件// 完整引入import Vue from 'vue';import Mint from 'mint-ui';import "mint-ui/lib/style.css"Vue.use(Mint);// 按需引入注意：和Element-ui类似，按需引
53 2018-10-22 0 53
-
在vue中使用v-bind:class的选项卡方法_vue.js
//vue中的选项卡的实现，数据驱动dom,因此需要使用数据，来改变class；详细见代码实现<style>ul{overflow: hidden;}ul li{float: left;width: 150px;height: 35px;line-height: 35px;border: 1px solid red;li
25 2018-10-22 0 25
-
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题_vue.js
前几天在工作的过程中，在数据渲染的时候，发生了swiper那一部分的轮播图不在滚动，手动滑动也没有效果。一直感觉数据开始渲染，是不是数据渲染的时候，并没有生成swiper的节点呢。后来第一感觉就是把控制swiper轮
27 2018-10-22 0 27
