分类:vue

vue开发笔记

vue的url传参与获取参数

vue的url传参与获取参数
在Vue中,URL传参通常涉及到两个方面:如何在路由跳转时携带参数,以及如何在目标组件中获取这些参数。以下是具体的方法: 路由跳转时携带参数 使用query参数:类似于GET请求中的查询字符串,可以在跳转时使用this.$router.push或this.$router.rep...

yekong 10个月前 (02-29) 喜欢

vue3 element-plus el-table 滚动条默认强制显示

vue3 element-plus el-table 滚动条默认强制显示
数据可视化大屏项目开发中,客户要求el-table滚动条强制显示, 要在Element Plus的el-table组件中强制显示滚动条,可以通过CSS样式来实现。由于浏览器默认情况下可能不显示滚动条,你可以通过设置滚动条的样式来使其始终显示。以下是一些可能的解决方案: 可以通过C...

yekong 10个月前 (02-29) 喜欢

vue路由退回不刷新

vue路由退回不刷新
在Vue中,当使用路由进行页面跳转时,默认情况下,进入新页面会触发组件的重新渲染。如果希望在路由退回时不刷新组件,可以使用Vue的<keep-alive>组件来缓存不活动的组件实例,从而避免重新渲染。 以下是实现路由退回不刷新的步骤: 使用<keep-aliv...

yekong 10个月前 (02-29) 喜欢

vue2和vue3组件如何传参

vue2和vue3组件如何传参
在Vue中,组件之间的参数传递是组件化开发的基础。Vue 2和Vue 3在组件传参方面保持了较高的一致性,但也引入了一些新的特性。以下是Vue 2和Vue 3中组件传参的主要方式: 父组件向子组件传参 Vue 2和Vue 3:父组件通过v-bind或简写为:,将数据绑定到子组件...

yekong 10个月前 (02-29) 喜欢

vue文本超出部分隐藏

vue文本超出部分隐藏
在Vue中,实现文本超出部分隐藏并显示省略号(...)的方法主要依赖于CSS。这种效果通常用于限制文本显示的长度,当文本内容超出指定的容器宽度时,超出的部分会被隐藏并以省略号表示。以下是实现单行文本和多行文本超出隐藏的方法: 单行文本超出隐藏 对于单行文本,可以使用CSS的tex...

yekong 10个月前 (02-29) 喜欢

vue同步异步的区别

vue同步异步的区别
在Vue中,同步和异步操作的区别主要体现在数据处理和更新UI的方式上。同步操作是指代码按顺序执行,当前操作完成后才会执行下一个操作。异步操作则允许在等待某个操作完成的同时继续执行其他代码,常见的异步操作包括API请求、定时器等。 同步操作 顺序执行:同步操作按照代码编写的顺序依...

yekong 10个月前 (02-29) 喜欢

vue双for指定index

vue双for指定index
在Vue中使用v-for进行双层循环并指定索引,可以通过嵌套v-for来实现。每层循环都可以使用(item, index)的形式来获取当前项和其索引。当进行双层循环时,外层循环的索引可以用于内层循环中,以便于标识或操作特定的数据。 以下是一个示例,展示了如何在Vue中使用双层v-...

yekong 10个月前 (02-29) 喜欢

vue3jsx语法使用实例

vue3jsx语法使用实例
在Vue 3中,JSX语法可以与Composition API一起使用,以提供一种更接近JavaScript的方式来编写组件。以下是Vue 3中使用JSX的一些关键点: 普通内容:在JSX中,你可以直接写入HTML标签,并且可以像在JavaScript中那样使用表达式。 se...

yekong 10个月前 (02-28) 喜欢

vue 弹窗阻止页面滚动

vue 弹窗阻止页面滚动
动态效果 在Vue项目中,当弹出一个模态窗口或蒙层时,通常希望阻止背后页面的滚动,以提供更好的用户体验。以下是几种常见的方法来实现这一功能: 移动端解决方案: 在蒙层的div标签上添加@touchmove.prevent指令,这样可以阻止在触摸移动时的滚动行为。 <...

yekong 10个月前 (02-28) 喜欢

vue和angular开发差异

vue和angular开发差异
Vue和Angular是两个流行的前端开发框架,它们在设计理念、功能特性以及使用场景上存在一些差异。以下是Vue和Angular开发差异的概述: 架构和设计理念 Angular采用的是Model-View-Controller(MVC)架构,它将应用程序分为三个互相作用的部分,...

yekong 10个月前 (02-28) 喜欢