vue 路由history模式下刷新页面出现404
vue / 2018-9-8 8:04:21 145 views

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

阿里巴巴iconfont svg本地不能更改颜色?(已解决)
未分类 / 2018-9-6 8:53:15 157 views

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

vue element-ui 通过点击表单标题实现自定义排序(原理效果图)
vue / 2018-8-25 8:09:04 231 views

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

element-ui 中el-menu使用遇到的一些问题及解决方案
vue / 2018-7-23 22:37:26 388 views

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

通过css和js实现水流效果,附效果图和原理解析
css , js / 2018-7-4 22:57:31 317 views

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

Vue中使用better-scroll滚动失效,已解决!
vue / 2018-6-22 22:45:51 944 views

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

通过Vue.set设置接口对象中不存在的属性
vue / 2018-6-21 23:19:44 324 views

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

用node mock接口数据
vue / 2018-6-20 23:49:33 318 views

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

vue axios 的使用及碰到的一些问题
vue / 2018-6-8 11:07:30 665 views

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