![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
文章平均质量分 81
关于Vue的相关学习
Miaow.Y.Hu
欲买桂花同载酒,终不似,少年游。
展开
-
Vue中对前端按钮高亮的几种操作方式
在Vue中我们有时候会碰到一些需求,就是在点击某个按钮的时候,我们执行别的操作,但是我们希望点击别的操作的时候,让我们之前点击的按钮进行处于高亮状态。个人在处理业务的时候,测试说,当用户选择某个按钮的时候,在执行别的操作,且别的操作执行完毕之后,返回的时候按钮不在高亮了,叫我处理一下。在处理这个需求的时候,我使用过几种方式,分别在本篇进行讲解。原创 2024-01-19 15:06:36 · 1643 阅读 · 0 评论 -
Element UI的Tabs 标签页位置导航栏去除线条
去除Element Ui的Tabs 标签页的导航栏底色线条原创 2023-11-23 13:40:18 · 939 阅读 · 0 评论 -
vue学习-16vue的history模式与hash模式
当用户直接输入 URL 或刷新页面时,服务器将返回 index.html 文件(应用程序的主页),然后 Vue.js 将根据 URL 加载相应的组件。使用 history 模式需要服务器支持,因为服务器需要被配置为支持这种模式。如果服务器没有配置正确,可能会导致应用程序出现 404 错误页面或其他问题。相比之下,原创 2023-10-10 16:45:37 · 289 阅读 · 1 评论 -
vue学习-15vue全局路由守卫
在vue.js中,提供三种全局守卫,英文称作(Global Navigation Guards),这些守卫允许你在路由发生变化的时候执行的一些操作,例如身份验证,日志纪录或者路由跳转控制,全局路由守卫包含以下三种:**全局前置守卫** (beforeEach):这个守卫在每次路由切换前触发,允许你在导航到新路由之前进行一些检查或操作。常用于身份验证。原创 2023-10-10 16:15:11 · 338 阅读 · 0 评论 -
vue学习-14vue的路由缓存组件以及activated和deactivated生命周期钩子
=="activated" ==和 =="deactivated" ==是组件的生命周期钩子,用于`管理组件在激活和停用时的行为`。这些钩子通常与Vue组件的路由相关,用于处理路由切换时的特定操作。**activated**钩子:==当一个使用Vue Router的路由进入到包含该组件的路由时,activated钩子会被触发==。这通常用于执行需要在组件激活时进行的操作,例如数据加载或动画启动。例如,你可以在activated钩子中加载组件所需的数据。原创 2023-10-10 15:24:03 · 825 阅读 · 0 评论 -
vue学习-13路由的query参数,props传参,以及编程式路由导航栏
本篇主要介绍了vue的query参数,props传参,以及编程式路由导航,均在路由中进行,通过这些知识点一步一步提高实际开发中对路由中的使用和了解,进一步加深对项目架构的了解原创 2023-10-10 14:24:49 · 259 阅读 · 0 评论 -
vue学习-12路由组件的基本使用
Vue Router是Vue.js的官方路由管理器,用于构建单页应用程序(SPA)。它允许你通过定义路由来管理不同页面之间的导航。以下是Vue Router的基本使用方式:原创 2023-10-09 10:08:20 · 219 阅读 · 0 评论 -
vue学习-11插槽
Vue.js的插槽是一种能够让你在父组件中将子组件的内容进行分发和重用的机制。通过插槽,你可以在父组件中定义子组件的模板结构,使得子组件可以向父组件传递内容,并根据父组件的需求来显示。这种机制让组件更灵活和可复用。有默认插槽和具名插槽两种类型。默认插槽用于传递未命名的内容,而具名插槽则可以传递特定名称的内容,方便在父组件中精确控制。在父组件中,你可以使用元素来标识插槽的位置,而在子组件中,你可以使用元素来传递内容到对应的插槽位置。例如,在父组件中:原创 2023-10-09 09:19:14 · 93 阅读 · 0 评论 -
vue的生命周期,以及其执行顺序
vue的生命周期以及期执行顺序原创 2022-04-21 21:52:03 · 4694 阅读 · 0 评论 -
v-model绑定导致的element UI文本框输入第一次值后被绑定,导致空文本框无法再输入文字
在工作岗位上,上边分配一个任务,创建一个页面,从0-1,全部自己搭建,也没有啥模版,就这么来,那就直接来吧,没办法,那就直接上手,开发过程中,我使用了v-model对输入文本框的值进行双向绑定,这样可以直接使用用户输入文本框的值,同时,后端传递的值也可以直接展示到文本框中,这样就实现文本框的双向绑定,但是需要注意的是,使用文本框有风险,一不小心就会碰到和我一样的问题,在输入了第一次值后,明明是一个空的文本框,你去输入文字,发现怎么输入数值,都是空的无法输入。但是我js就只有一个。原创 2023-09-16 11:37:02 · 676 阅读 · 0 评论 -
vue的@change的用法
@change 是 Vue.js 中用于监听表单元素值变化的事件处理器。通常用于监听表单输入框等元素的变化,以便在值发生变化时执行特定的操作。原创 2023-10-07 14:03:54 · 8544 阅读 · 0 评论 -
element ui中父子组件共用一个el-dialog弹窗,切换组件页面弹窗进行关闭
在Vuex中创建一个状态来管理弹窗的显示状态(例如,showDialog)。在需要打开或关闭弹窗的地方,触发事件,然后在el-dialog所在的组件中监听这些事件,以控制弹窗的显示与隐藏。在el-dialog中使用v-if或v-show根据showDialog的值来控制弹窗的显示与隐藏。在父组件中使用provide来提供一个控制弹窗显示的方法,或者提供一个布尔值的ref。子组件可以调用提供的方法或者监听提供的ref来控制弹窗的显示与隐藏。在子组件中使用inject来获取这些提供的数据。原创 2023-10-07 10:31:01 · 1371 阅读 · 0 评论 -
vue学习-10vue整合SpringBoot跨域请求
确保后端API的地址和端口与前端配置的axios baseURL 匹配,以确保请求被正确路由到后端。跨域请求通常发生在前端应用运行在不同的域名或端口上时,而后端服务运行在不同的域名或端口上。在上述示例中,我们配置了允许前端应用运行在http://localhost:8080上的跨域请求。你应该根据你的前端应用的实际地址进行配置。在Vue.js应用中的全局配置中,设置axios的baseURL,这将指定后端API的地址。在Vue.js应用中,确保使用了axios或其他HTTP库来发送请求,并进行相应的配置。原创 2023-09-28 17:20:44 · 592 阅读 · 0 评论 -
vue学习-09vue动画效果和配置代理服务器
Vue.js提供了多种方式来实现动画效果,最常用的是使用Vue的过渡和动画功能。下面是一个简单的示例,展示了如何在Vue.js中创建动画效果:过渡效果:Vue提供了transition组件,它可以包裹要进行过渡动画的元素。以下是一个例子原创 2023-09-28 16:57:42 · 167 阅读 · 0 评论 -
vue学习-08全局事件总线与消息订阅与发布
Vue.js中的消息订阅与发布通常是通过一个第三方库或插件来实现的,最常见的库之一是vue-bus。这种模式允许不同组件之间进行解耦的通信,类似于全局事件总线,但提供了更多的功能和控制。pubsub-js是一个独立的 JavaScript 库,用于实现消息发布和订阅模式,它不是 Vue.js 的一部分。你可以在 Vue.js 项目中使用它来实现组件之间的消息订阅和发布原创 2023-09-28 16:28:49 · 336 阅读 · 0 评论 -
vue学习-07TodoList本地存储以及TodoList的自定义事件
==组件之间的通信: 自定义事件提供了一种简单而有效的方式,让组件之间进行通信。一个组件可以触发一个自定义事件,而其他组件可以监听并响应这个事件。这种通信机制可以用于父子组件之间、兄弟组件之间以及更复杂的组件关系。==需要注意的是,自定义事件只能在父子组件之间进行通信。如果需要在非父子组件之间进行通信,可以考虑使用Vue.js提供的其他通信机制,如Vuex状态管理或事件总线。原创 2023-09-25 19:59:22 · 398 阅读 · 0 评论 -
vue学习-06todoList案例与浏览器本地存储
Todo List(任务列表)是一个简单的Web应用程序示例,用于管理任务、代办事项或清单。Vue.js 是一个非常适合构建这种类型应用程序的框架,因为它提供了数据绑定、组件化、响应式和轻松管理用户界面的能力。原创 2023-09-21 20:18:52 · 158 阅读 · 0 评论 -
vue学习05-插件与Scoped属性
需要注意的是,scoped 样式实际上是通过将每个选择器编译成一个唯一的哈希值来实现的,以确保它们只对当前组件生效。这是 Vue.js 构建工具的一部分,你不需要手动管理这些哈希值。总之,scoped 属性是 Vue.js 中一种用于限定样式作用范围的有用特性,可以提高组件化开发的效率和可维护性。原创 2023-09-19 20:15:37 · 126 阅读 · 0 评论 -
vue学习-04vue的props配置项和mixin混入
Vue.js 中的 props 是用于在父组件向子组件传递数据的配置项。通过 props,你可以将父组件中的数据传递给子组件,并在子组件中使用这些数据。以下是关于 props 配置项的一些重要信息:父组件向子组件传递数据: 通过在子组件的 props 中声明属性,可以告诉Vue.js你希望从父组件传递哪些数据到子组件。这些属性可以是父组件中的任何数据。原创 2023-09-19 19:53:46 · 287 阅读 · 0 评论 -
vue学习-03vue父子组件与ref属性
vue的ref属性原创 2023-09-18 20:27:42 · 213 阅读 · 0 评论 -
vue学习-02vue入门之组件
关于vue的组件的使用原创 2023-09-18 19:57:57 · 174 阅读 · 0 评论 -
vue学习-01vue入门
https://cn.vuejs.org/Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScrip原创 2023-09-18 19:33:44 · 130 阅读 · 0 评论