Vue
妮妮雄霸天下
这个作者很懒,什么都没留下…
展开
-
数据处理。数据处理
找到三级节点 getLeafKeys(node,arr){ if(!node.childern){ return arr.push(node.id) } //递归找到深层次的节点 node.children.forEach(item=>{ this.getLeafKeys(item,arr) }) }原创 2021-12-11 14:21:20 · 134 阅读 · 0 评论 -
Vue导航守卫
参考博客园 cvue-router 导航守卫 - JSkolo_yyds - 博客园1,全局前置守卫写法为router.beforeEach( ( to,from,next)=>{ } ) 进入每个路由之前都会经过这里 写法为router.beforeEach( (https://www.cnblogs.com/hu-yan-123/p/15170123.html1,全局前置守卫写法为router.beforeEach( ( to,from,next)=>{ } ) 进入每个路由之前都会...原创 2021-09-21 09:31:11 · 65 阅读 · 0 评论 -
Vue路由
1,动态路由匹配 const User = { template: '<div>User</div>' } const router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: '/user/:id', component: User } ] }) 一个“路径参数”使用冒号:标记。当匹配到一个路由时,参数值会被设置到this.$route.params,可以在每个组件内使用。 2..原创 2021-09-21 09:25:22 · 89 阅读 · 0 评论 -
Vue生命周期
beforeCreate() 表示vue开始被调用 了 data还没有全部接受 created () 表示vue调用成功 可以获取到里面的data 可以写ajax请求 beforeMount() 表示页面结构加载完成之前 mounted() 表示同步页面结构加载完成 操作原生的DOM事件 可以写ajax请求 beforeUpdate() 数据更新之前 updated () 数据更新之后 beforeDestroy() 页面离开之前 d...原创 2021-09-21 09:01:09 · 156 阅读 · 0 评论 -
vue组件通讯
父传子 :参数='’参数'' <my-header :ischeckall="ischeckAll"></my-header> “ischeckAll” 是父组件的数据 :ischeckall是子组件的接受的参数 子组件接受参数的方式 : 注意不放在data中 是放在data外面 props:["ischeckall"], 子传父 @自定义事件=“自定义事件” 父组件 “自定义事件” 是父组件的事件 @自定义事件 是子组件用来接收的事件 并...原创 2021-09-21 08:46:39 · 81 阅读 · 0 评论