配置脚手架
- 创建
vue.config.js文件，使用 module.exports暴露配置
module.exports = {
devServer:{
open:true, // 自动打开浏览器
port:8787 //默认运行端口8787
}
}
git新建分支 (新功能在新分支，最后合并到主分支)
- 新建并切换到新分支
git checkout -b login
路由导航守卫
-
router.beforeEach() 接受三个参数， to ， from ， next()
- to：表示跳转的目标链接
- from ：表示从哪里跳转
- next：结束执行钩子 ， 接受参数表示，强制跳转。
router.beforeEach( (to,from ,next)=>{
xxx
} )
在axios 请求拦截器中配置token
- 实例的
headers.Authorization 属性配置token
_axios.interceptors.request.use(
function (config) {
config.headers.Authorization = sessionStorage.getItem('token')
return config
},
function (error) {
// Do something with request error
return Promise.reject(error)
}
)
左侧栏图标问题
- 后台不返回icon，前端创建对象并且渲染。
- 对象结构如下
// key 是 左侧栏item的id ，渲染时直接 iconsObj[item.id] 即可
iconsObj: {
'125': 'iconfont icon-user',
'103': 'iconfont icon-tijikongjian',
'101': 'iconfont icon-shangpin',
'102': 'iconfont icon-danju',
'145': 'iconfont icon-baobiao'
},
渲染时直接 iconsObj[item.id] 即可
input 可清空 ，以及清空后触发的回调函数
-
input 的 clearable 属性
-
@clear 即可监听 清空的回调函数
当权限被删除时，接口返回删除后的数据
dele(Data)(){
const res = this.$http.delete('xxx')
// res.data为最新数据
Data = res.data
}
用递归实现获取三层children的id
