上图中是我在接手一个项目的时候，出现的一个关于数组的 bug，但是从上图来看，其实报错是不清楚的，只能从报错信息上看出来是 /src/page/waybill/waybill_form.vue 这个 vue 页面出现的报错。如果遇到这种情况，很多人会很难下手，也不知道怎么处理。下面是我的处理这种模糊问题的处理思路。（注释排除法）一、排除 js 内的 所有的xxx.length 的 变量是否是数组类型。二、排除 html 代码上是否引用过xxx.length 。如果以上注释了排...
由于升级了 v0.2 版 GearCase 使用打包工具从 parcel 更换成 vue-cli 3.x。因此打包后发布 NPM 包的方式与之前有很大的差异，这也导致了在发布完 GearCase v0.2.2 版本之后，我自己在进行 NPM / Yarn 安装包时。根本无法通过之前文档的方式，进行引入并注册组件。后来我大概花费了两天的时间来解决这个问题。回顾由于 parcel 的打包方式与 webpack 有很大的差异。并且当时还处于轮子库 v0.1 版本，引入/注册组件的方式也有不同。详...
在vue中，使用router-link来跳转页面时，发现params属性并不能获取到，查看官网API发现如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path：<template><div><ul><li v-for="(item,index) in content" :key="index">{{item.title}}</li><router-link :to="{name:‘second‘,params:{id:123}}">ylz</router-link></ul></div><...
import Vue from ‘vue‘ import App from ‘./App.vue‘ import router from ‘./router‘new Vue({el: ‘#app‘,render: h => h(App),router }) 当使用eslint校验运行上面这段代码时（该代码在src/main.js文件中），会报错 ? http://eslint.org/docs/rules/no-new Do not use ‘new‘ for side effects src/main.js:8:1 new Vue({两种方法解决该问题：方法一：定义一个变量xxx(可为任意值)接收新创建的Vuelet xxx = new V...
1、Vue packages version mismatch翻译：vue包版本匹配错误报错样例：报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue-template-compiler的版本不一致。解决方案：统一vue和vue-template-compiler的版本1 "vue": "2.3.4", 2 "vue-template-compiler": "2.3.4",（注：如上所示版本号均为样例，具体实现请小伙伴们根据自己的版本号对应）然后执行：npm update 就可...
一、问题：在vue项目中通过location.href跳转到第三方页面，然后点击浏览器返回按钮回到自己的页面，用nginx起服务页面不刷新，在用node起服务中页面是正常刷新的；二、产生该问题的原因：微信浏览器对页面进行缓存；三、解决方案：1 window.onpageshow = null; 2 window.onpageshow = function(event){ 3 location.reload() 4 } 5 window.location.href = ‘https://www.baidu.com‘四...
一、安装postcss-px2rem-excludenpm install postcss-px2rem-exclude --save 二、配置 postcss-px2rem-exclude 1.在项目的根目录下找到文件.postcssrc.js，在里面添加如下代码module.exports = {"plugins": {// to edit target browsers: use "browserslist" field in package.json"postcss-import": {},"autoprefixer": {},"postcss-px2rem-exclude": { // 添加的代码remUnit: 75,exclude: /node_modules|folder_name/i // 忽...
最近项目需求，需要一个上传多张图片的功能，但是出现的问题是在安卓端是没有问题的，但是在ios上一直都是 invalid signature，但是刷新页面就没有问题了。Vue主打，router使用history模式，外加微信JSSDK套餐 排查了各种情况总是找不出原因，而且神奇的是在安卓上可以正常获取位置，就只是在ios上一直“invalid signature”，打印出来的当前url跟签名的url也明明是一致的，为什么还是签名有问题呢！！？？？页面的结构如下：SPA：...
一、 使用 vue-cli 快速构建vue项目， 引入vue-echarts组件安装： > npm i vue-echarts --save 修改 webpack.config.js 配置：{test: /\.js$/,loader: ‘babel-loader‘, include: [resolve(‘src‘),resolve(‘node_modules/vue-echarts‘),resolve(‘node_modules/resize-detector‘)] }, 用法示例：<template><v-chart :options="polar"/> </template><script> import ECharts from ‘vue-echarts/components/ECharts‘ im...
最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。 根据广大的网页的思路，导致这一现象的原因可能有以下几种：原因一.引用文件的位置不正确js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放在assets中。 2.static用来放没有npm包的第三方插件，字体文件。 ...
1、config/index.js下添加proxyTabledev: {// PathsassetsSubDirectory: ‘static‘,assetsPublicPath: ‘/‘,proxyTable:{"/api/*":{target: ‘http://*.*.*.*:9502‘,//后端接口地址secure:false,changeOrigin:true,pathRewrite:{"^/api":""}}},// Various Dev Server settings// can be overwritten by process.env.HOST// if you want dev by ip, please set host: ‘0.0.0.0‘host: ‘192.168.1.127‘,port: 9527, // can be ...
这篇文章主要介绍了关于如何解决vue中methods中的方法闭包缓存的问题，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下vue中methods中的方法闭包缓存问题问题背景需求描述在路由的导航栏中需要, 判断是否为第一次点击需要一个标志位来记录是否点击过现状:这个标志位只在一个函数中用过.不希望存放全局希望在这个methods中形成闭包, 用来缓存这个函数做出如下尝试后, 发现可以实现.当前问题:不能在闭包调用时找到正确...
现在移动web app越来越热门了，许多公司开始尝试使用angular、react、vue等MVVM框架来开发单页架构的web app。但在开发web app时，如果希望页面的导航体验也接近原生应用，那一般都会遇到这两个问题： 识别前进后退行为后退时恢复之前的页面笔者开发了一个基于vue与vue-router的导航库vue-navigation，来帮助开发者来解决这些问题，下面是问题的解决思路。 识别前进后退 先说第一个问题。和原生app不一样，浏览器中主要有这几个限制...
最近在学习Vue.js，把自己遇到的问题做个记录，所以，今天添加一点小笔记。 在项目中遇到两个问题，简单的做个笔记来记录自己解决的问题，可能不是很好的处理办法，欢迎提出，自己还在不断优化中... 第一个是vue在加载页面的时候，会先加载静态资源，这个时候数据还没有请求回来，用户会先看到静态的内容（就是页面固定写死的），过一会才会有数据回来渲染，这体验是很差的，其实解决办法也很简单，就是用vue里的 v-if 来判断请求的...
最近开发的微信公众号项目中(项目采用Vue + Vux 构建，站点部署在IIS8.5上)，遇到个非常奇葩的问题，发布站点内容后，通过微信打开网址发现是空白页面(后来验证是微信浏览器缓存了入口文件-index.html,顾之前版本的index页面找不到对应的js，因为我们每次发布会将之前的版本放至另外的备份目录)，但关闭网页再次去打开又是正常的。最初开发内部测试时该问题没有引起关注，因为开发人员大部分都是android的手机，后来测试发现，某些...