![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 79
昔冰_G
努力的孩子运气不会太差,加油!
展开
-
vue权限按钮的实现
在做信息后台管理或涉及到不同权限的用户可以操作不同的功能时,常常会用到权限按钮,本文介绍了三种权限按钮的实现方法,v-if搭配函数、组件+插槽、自定义指令。原创 2023-07-24 20:44:42 · 3824 阅读 · 0 评论 -
页面滚动那些事儿(滚动条样式自定义,隐藏滚动条,scrollIntoView遇到头部fixed定位滚动被遮挡、vue-scrollto插件的应用)
隐藏滚动条、设置滚动条样式、通过ScrollIntoView、vue-scrollto来实现将对应的版块滚动至顶部的效果原创 2022-09-09 23:42:37 · 3775 阅读 · 0 评论 -
Vue2双向绑定,Object.defineProperty、Observe、Compile、Watcher、Dep各显神通,相辅相成
Vue2.x双向绑定原理:除Object.defineProperty()数据劫持,还有Compile模板解析、Watcher订阅者、Dep收集订阅者以便对订阅者们做同一更新处理,相辅相成以实现数据劫持、模板引用数据提取、模板引用数据对应值的更新等多方面功能...原创 2022-07-13 00:00:07 · 921 阅读 · 2 评论 -
前端登录时所做的token验证(路由守卫、请求拦截器、响应拦截器)
登录后的token校验,使用全局路由守卫beforeEach()先判断目标页面是否需要token身份校验,使用请求拦截器将token配置到请求对象上,借助响应拦截器提前处理token失效问题原创 2022-06-29 15:23:16 · 7713 阅读 · 2 评论 -
vue-i18n国际化语言包工具
使用vue-i18n来进行页面的语言内容切换原创 2022-06-29 10:16:25 · 1445 阅读 · 0 评论 -
Vue插槽的使用(匿名插槽、具名插槽、作用域插槽)以及ElementUI中table-column的slot-scope应用(scope.row、scope.$index、scope.column)
先说说插槽的使用:(才疏学浅,白话表述)可以把插槽理解为组件B中留下的一个坑,谁用这个坑谁就可以往里面填放东西,同时呢,谁也就要认组件B做儿子-----组件B也就成了这个来填坑的组件的子组件。插槽不单单是可以让父组件用它填充东西,也可以引用子组件的数据,而父组件用坑的时候也就可以用子组件传过来的数据。单个插槽(默认插槽、匿名插槽)子组件:(slotdemoson.vue)<template> <div> <h2>子组件<..原创 2022-02-17 23:53:11 · 8345 阅读 · 5 评论 -
Vue对ElementUI的组件按需引入时:报错Cannot find module:babel-preset-es2015
解决ElementUI在Vue项目中按需引入时关于babel-preset-es2015的报错:Error:Cannot find module:babel-preset-es2015Error:Plugin/Preset files are not allowed to export objects, only functions. In...原创 2022-01-13 17:02:17 · 3467 阅读 · 5 评论 -
Vue-初识(安装devtools浏览器调试工具、容器与vue实例、模板语法、事件绑定、条件渲染 、列表渲染)
下载安装配置Vue调试工具的教程放到这里喇:安装Vue-devtools浏览器调试工具容器与实例的关系:容器:简单的说就是Vue实例中el的属性值在页面结构中对应的标签实例:使用vue就要创建一个Vue实例用于管理页面、数据的渲染等功能容器与实例是一对一的关系,当一个容器 已经被一个Vue实例接管后,其他的实例再绑定这个容器对这个容器进行操作是没有作用的。(当然通常开发中就一个Vue实例,剩下的配合组件去使用)Vue指定容器的两种方式:方式1:通过实例el属性指定(el的属性值值通常原创 2021-11-08 13:24:41 · 695 阅读 · 0 评论