最近做项目遇到一个问题，就是Vue滚动不固定，网上找了一些资料，说下 vue 固定滚动位置的处理办法. 问题描述:通常见于 列表页List -> 详情页Detail 的情况, 从列表的某一项x 进入到详情页, 再返回的时候, 希望列表的位置固定在x, 而不是回到顶部了. vue-router 里面是有一个 scrollBehavior 的, 但是这个玩意只能在 history 模式下面使用, 而我用的 hash 模式. 所以我们要自己实现嘛, 思路简单:List 里面监听滚动, 记录滚动位置 p...
前言 因为工作的需要，学习Vue2.0也有一段时间，最近在用Vue2.0的官方脚手架工具构建的项目，chrome中跑一直没有问题，但ie11打开出现了bug：问题 ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser； 原因 Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的...
本篇文章介绍了vue里碰到 $refs 的问题，分享给大家，希望能帮助大家解决问题 记录困惑自己一个简单的问题...(瞬间感觉官方文档的强大) 在自己做的一个项目中，遇到一个列表页，根据id能进入详情页（动态匹配路由），详情页是单独的一个组件，在这个详情的组件里，我想获取内容给你区域的高度，以此来判断对底部按钮显示的位置，但是在ref的时候，就是获取不到该标签，在mounted钩子函数里打印 this.$refs，也能看到这个值，但就就...
前言 最近在学习vue.js框架，学习过程中遇到一些问题，所以记下其中遇到问题的解决过程，避免以后再遇到同样的问题，分享出来也方便遇到这个问题的朋友参考，下面话不多说了，来一起看看详细的介绍： 先来看这段示例代码 <div id="wrap"><input type="text" v-on:textInput="fn"> </div> <script type="text/javascript" src="vue.js"></script> <script type="text/javascript">new Vue({el:#wrap,methods:{fn:function(){console...
通常，我们在使用vue编写页面时，会需要使用vuex在组件间传递（或者说共同响应）同一个数据的变化。例如：用户的登录信息。 下面，我们使用传递用户登录信息的例子来一步步解决这个问题。 首先，我们的第一个问题是：我在一个组件（例如登录组件页面）中登录了后，其它页面要怎么获取和响应这个变化？（就是这么小白，/(ㄒoㄒ)/~~） 这个答案就是使用vuex啦，在中文版的文档中有这样一句话：而这里的计算属性就是我们的伟大的compu...
VBox持续进行中，哀家苦啊，有没有谁给个star。 vuex是vue用于数据存储的，和redux充当同样的角色。 最近在VBox开发的时候遇到的问题，页面刷新或者关闭浏览器再次打开的时候数据归零。这是头疼的问题。 网上搜，大家的方案都是把数据转移到 localStorage或者其他持久化存储（例如indexDB）。 这倒是可以，我在设计之初因为匆忙，没有考虑周全，这下好，然不成每个 mutation都去存一下。 这个弄的我很不开心，周六在公司，本来就困...
vue router路由嵌套不显示问题的解决方法，具体内容如下 路由嵌套，vue2.0 router中嵌套路由不成功，如何解决？ 我先说下我的需求，例如下图我本来是想打算将中间的模块做一层子路由（test模块），模块代码没错，每次编译都正常好使。 但是打开编译后的文件之后，一直都是==只能渲染一级路由，子路由没有效果，==，查了一推资料。 帖子说：子路由多写了/, 会默认从根目录开始匹配，我试着也删除掉这些东西，但是后来发现，我的问题...
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站 小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件，标注错误的地方是这样的一段代码：import {normalTime} from ./timeFormat;module.exports={normalTime };就是module.exports; 解决方法 同过谷歌...
场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: index, params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。 解决方案： 1、session&服务器渲染 传统的方案是，登录页和主页是单独的两个页面，登录成功后服务器生成用户信息对应的session，然后渲染主页数据，并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面...
前言 Vue.js 是开源的一个前端开发库，通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js在近年来受到一定程度的关注，目前在 GitHub上已经有5000+。 本文是笔者在开发实践中踩过的坑，总结和分享出来，希望对大家学习Vue有所帮助。下面来看看详细的介绍： 【问题描述】v-for遍历数组中存在空值导致页面报错，情况如下：开发框架是以Vue为模型绑定的核心，根据错误可以进行一个简单的判断： ...
前后端分离开发中必要会遇到的问题—跨域。在使用vue开发的时候，开始为了解决跨域问题。采用的是CORS（Cross-origin resource sharing）。后台在响应头中添加Access-Control-Allow-Origin。这样就可以跨域调后台接口了。 在前几天无意中看到了config的index.js文件中有一个proxyTable属性，通过配置可以解决开发环境的跨域 开发期间的API代理 当将此样板与现有后端集成时，通常需要在使用dev服务器时访问后端API。为了实现这一点，...
在看电影、打Dota、撸代码间来回，犹豫不决，终于还是下决心继续学习VUE。 仿照 conde.js 官网写的一个demo，目前已经基本可用，但始终缺少登录页，没有用户权限管理，于是开撸......<template><div id="login"><c-header></c-header><c-form></c-form><p class="content-block"><a href="javascript:;" rel="external nofollow" rel="external nofollow" @click=showState class="button button-fill button-success">登录</a></p...
最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。 项目目录结构其中main.js import Vue from vue; import App from ./App; import router from ./router;/* eslint-disable no-new */ new Vue({el: #app,router,render: h => h(App) }); app.vue <template><div id="app"><div class="tab"><div class="tab-item"><router-l...
和后端联调时总是会面对恼人的跨域问题，最近基于Vue开发项目时也遇到了这个问题，两边各自想了一堆办法，查了一堆资料，加了一堆参数，最后还得我把自己的localhost映射成上线时将要使用的域名。今天翻看代码时，突然发现vue-cli的config文件里有一个参数叫proxyTable，看这个名字就感觉能解决问题，于是我就去搜了一下，果然。在vuejs-templates，也就是vue-cli的使用的模板插件里，有关于API proxy的说明，使用的就是这个参数。...
使用v-if v-else发现没有执行 最近在学习Vue，因为刚开始学习，所以总会遇到这样那样的问题，今天要说的一个错误就是在看Vue的官方文档的时候，发现在使用v-if和v-else指令的时候，相应的内容都出现了 初始代码： <div v-if="Math.random > 0.5">" Math.random > 0.5 " </div> <div v-else>" Math.random <= 0.5 " </div> 显示的结果：" Math.random > 0.5 " " Math.random <= 0.5 " 后来发现，我的这个是忘记了创建实例，每一个V...