直接访问url会被http server直接解析到该文件路径，但是spa的路由是虚拟的，并不能直接找到这个file，刷新后所以会404； 需要把所有的请求全部指向（不知道这么说是不是准确）index，然后让js的router解析url， nginx 需要配置 try_files $url /index.html  

iconfont svg颜色修改 之前一直疑惑iconfont svg颜色不能修改，用的是Symbol在线代码。 svg图标带有fill属性（使用Symbol在线引用） 这种方式就不能本地修改fill属性了，需要在项目中移除默认颜色 具体操作如图所示 svg图标带有fill属性（下载到本地） 如果选择的是多色图标且下载到本地的话，默认是带有颜色的需要修改的话，需要在编译器里面打开svg  然后将f...

element-ui 通过点击表单标题实现自定义排序 由于需求需要，不让使用饿了吗自带的排序，要实现自定义点击标题即可排序。 最终效果图 实现思路 实现思路，通过点击标题获取该列的字段，然后数组按照该字段进行排序。 用到的事件 header-click 当某一列的表头被点击时会触发该事件 column, event   降序算法 // 点击降序 desc(column, event) {...

element-ui踩坑 1.导航上有多个子项选中 如图所示有2个被选中，也有可能是多个 。在el-menu上加:default-active="$route.path"就可以解决了，根据当前的路由来选择打开项。   2不能保证只有一个子项打开   通过在el-menu上加:unique-opened=true 就可以。   如果:unique-opened=true 失效，我就遇到这样...

css和js实现水流效果 最终实现的效果图   实现的原理 通过1 和2实现三角形（当然最终也可以制作成圆形或者其他形状），水波的原理在于3，主要是通过动画的transform:rotate()旋转360deg和border-radius而生成。 水波不断增高是通过改变width、height、left、top而成。就是让它旋转的中心点不断变高，水流的快慢可以通过具体的animation...

如图出现了1px缝隙 原因是外层的border和内层的border之间存在缝隙导致的。 通过设置外层border-right：0解决

better-scroll滚动失效 最终效果图，当其商品个数超过3个的时候可以滚动。但是不能滚动 发现滚动失效主要有2种情况 1:滚动的元素的外层容器是否小于滚动的元素 这个可以通过css来解决==》我的是下面哪种情况。 2.就是实例化的时机不对 ，尤其是在用到v-show切换显示的时候 原本我是将实例化放在了created钩子函数中，遇到了如下报错 [BScroll warn]: Can not...

Vue.set() 官网文档的Vue.set()介绍 Vue.set( target, key, value ) 参数： {Object | Array} target {string | number} key {any} value 返回值：设置的值。 用法： 向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测...

node mock接口数据 之前一直想用json模拟接口，试了很多，jsonplaceholder,postman,rap2 ,发现还是node的好用。 只需在vue项目中的build目录下webpack.dev.conf.js配置一下就好 配置express 在其中加入 //配置接口 const express = require("express"); const app = express(...

axios   由于vue放弃了对vue-resource的维护，并且尤大也推荐使用了axios，以下是我对axios的初步认识。 文档     https://www.kancloud.cn/yunye/axios/234845   axios的介绍 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求...