![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目
文章平均质量分 59
一周一篇文
这个作者很懒,什么都没留下…
展开
-
vue2路由跳转和浏览器回退时弹窗的开启
我这里有个需求是在A页面中的详情弹框中,点击按钮跳转到B页面的新增弹框中,并把A页面中的数据带过去填到B页面新增的form表单中,此时如果点击了浏览器的回退按钮,就会重新回到A页面中刚才打开的那条数据的详情弹框。原创 2023-08-07 16:04:43 · 987 阅读 · 0 评论 -
vue3与vue2的区别
在 Vue 2 中,每个组件实例都有一个与之关联的响应式对象,这可能会导致性能问题。在 Vue 3 中,每个组件实例都有一个唯一的标识符,这样就可以避免不必要的响应式对象的创建和销毁,从而提高性能。Teleport 组件:Vue 3 中新增了 Teleport 组件,它可以将组件的内容移动到指定的 DOM 节点。其他改进:Vue 3 还有一些其他的改进,例如更好的响应式系统、更好的编译器错误提示、更好的 JSX 支持等。,它提供了一种新的组件组织方式,与 Vue 2 中的 Options API 不同。原创 2023-03-30 17:34:24 · 492 阅读 · 0 评论 -
vue-router路由守卫详解
在 Vue.js 中,Vue Router 提供了一系列的路由守卫(navigation guard),用于在路由切换过程中进行拦截和控制,以满足不同的业务需求。全局路由守卫路由独享守卫组件内的守卫`除了全局路由守卫之外,Vue Router 还提供了路由独享守卫和组件内的守卫。其中,路由独享守卫是针对某个具体的路由实例进行拦截和控制,而组件内的守卫则是针对某个具体的组件进行拦截和控制。原创 2023-03-30 16:58:41 · 3255 阅读 · 0 评论 -
Vue.js 插槽详解
插槽允许我们在父组件中定义子组件的模板内容,从而实现动态组件的功能。然后,我们就可以在父组件中使用该变量来访问子组件中的数据了。这样,当子组件被渲染时,父组件中的按钮就会显示在对应的插槽位置。默认插槽是没有名字的插槽,用于将父组件中的内容插入到子组件中指定的位置。这样,当子组件被渲染时,父组件中的按钮就会显示在指定位置。,用于将父组件中的内容插入到子组件中指定名称的插槽中。属性来定义一个变量,然后在父组件中使用该变量来访问子组件中的数据。具体来说,作用域插槽允许我们在子组件中使用。在子组件中,我们使用。原创 2023-03-30 15:35:45 · 4145 阅读 · 0 评论 -
vue中data为什么是一个函数而不是一个对象?
在Vue.js中,组件的data选项。如果你使用的是对象形式,那么,这可能会导致意外的问题。因此,为了避免这种情况发生,官方建议将data选项写成一个返回对象的函数。原创 2023-03-30 15:27:39 · 723 阅读 · 0 评论 -
eltable树形结构搜索后展开
先说一下我这个功能的需求,页面使用el-table展示的树形结构,默认是不展开的。在搜索后,展开搜索到的节点。原创 2023-02-02 17:59:54 · 765 阅读 · 1 评论 -
el-table树形结构修改图标
vue+element开发时,el-table的树形结构,自带的图标不能满足项目需求。需要我们自己修改图标。下图为修改后的样式。原创 2023-02-02 17:37:16 · 1770 阅读 · 6 评论