![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
纳尼亚awsl
这个作者很懒,什么都没留下…
展开
-
打印源码封装及调用
可直接将此段代码封装为单独的js文件 ,需要时导入调用。原创 2023-02-15 11:18:33 · 354 阅读 · 0 评论 -
流程图的渲染实现
效果图如下:流程节点类型:1.普通节点2.分支节点难点:1.数据结构定义2.节点有序渲染3.分支节点渲染数据结构:flowNodesMap:节点映射对象;(以节点id为关键字存储节点数据):起始节点Id;(方便从映射对象中找出起始节点数据)节点数据中关键 :nextId:下一节点id(若后面无节点默认值为-1)preId :前一节点id(起始节点默认值为1)原创 2022-12-08 16:43:19 · 505 阅读 · 0 评论 -
element-ui table组件 点击任意行位置触发该行选中
关键方法:toggleRowSelection原创 2022-06-23 16:54:59 · 1311 阅读 · 0 评论 -
element-ui 源码学习 代码规范及实用方法
kebabCase方法:将字符串转换成以 - 链接的字符串const kebabCase = function(str) { const hyphenateRE = /([^-])([A-Z])/g; return str .replace(hyphenateRE, '$1-$2') .replace(hyphenateRE, '$1-$2') .toLowerCase();};ES6 的Object.assign()方法:合并两个对象为一个对象( 这里使....原创 2022-06-16 10:23:23 · 349 阅读 · 0 评论 -
vue2插件 @vue/composition-api知识概览
vue2中若想使用Vue3的API可通过安装引入@vue/composition-api原创 2022-05-18 17:44:40 · 793 阅读 · 0 评论 -
vue 路由
路由的基础使用流程 引入 vue-router.js (在 vue.js 之后) 定义相关的路由组件(定义方式与普通组件相同,只需要通过路由来跳转) 进行路由配置(路由表) 新建路由对象,并进行配置 在vue组件实例中配置路由 在模板中展示路由组件的位置,设置<router-view> 通过 router-link 标签中的to属性 实现路由跳转(默认解析为a标签,可以用tag属性改变为其他标签)路由的原理:当url地址的hash值改变时,就会去路由表中进行.原创 2022-02-18 16:00:02 · 117 阅读 · 0 评论 -
点击事件动态调用不同组件
通过一个点击事件动态的调用相应的组件传入的参数中包含对应组件路径数据{pageComponent: entry.component }openTopEntry (entry) { this.kPromptPage({ pageComponent: entry.component // 对应组件 }) }map.js//获取对应options的配置,并以对象的形式返回const getProps = function (options, d...原创 2021-12-29 17:05:31 · 629 阅读 · 0 评论 -
前端路由拦截
路由拦截器路由全局守卫(在渲染之前执行),router.beforeEach((to,from,next)=>{ let token = localStorage.getItem("token"); if(token){ // next放行 next(); }else{ if(to.fullPath === '/login'){ next(); }else{ next("/login"); } }})...原创 2021-11-18 14:34:50 · 743 阅读 · 0 评论 -
登录鉴权中前端验证部分
一 前端部分: 路由验证 应用场景 :例如首页,分类是没有登录的用户也可直接进入 购物车、个人中心等版块需要登录才能进入 实现步骤: (1) 在路由配置中,需要给登录进入的路由添加meta元信息 { path: '/...原创 2021-11-18 14:32:26 · 196 阅读 · 0 评论 -
组件的生命周期
3阶段,8个钩子函数生命周期阶段:创建阶段: beforeCreate created beforeMount mountedbedorCreate :第一个生命周期函数,vue实例刚被创建出来,此时还不能访问data和methods中的属性 created :data 与 methods 已经初始化,但是还没有编译好模板(还未按vue语法解析html标签中的数据引用) beforeMount :模板已解析完成,但是没有放入到页面中 mounted:模板已编译完成,...原创 2021-10-12 15:48:11 · 79 阅读 · 0 评论 -
vue组件通信基础常用方式
组件关系:父子关系,非父子关系通信方式:父子通信 : 父组件的数据传递给子组件 子父通信 : 子组件的通信传递给父组件 非父子通信 : 非父子关系组件之间的数据通信父子通信步骤:数据传递 子组件绑定自定义属性,传递要传递的数据 <son :father-meg="fatherMeg"></son> (father-meg为自定义属性名 fatherMeg为传给子组件的数据) 数据接收 props属性接收数据 数...原创 2021-10-09 17:00:33 · 47 阅读 · 0 评论