weixin_55726815的博客

原创 Vue Router中两种常见的路由模式

在Vue中，路由重定向是指将一个路由路径重定向到另一个路由路径的行为。当用户访问某个特定的路由路径时，路由重定向将会自动将用户导航到预定义的目标路由路径上。路由重定向可以用于多种场景，例如：重定向到默认页面：当用户访问网站的根路径时，可以使用路由重定向将其自动重定向到应用程序的默认页面。重定向到登录页面：当用户访问需要登录的受保护页面时，可以使用路由重定向将其自动重定向到登录页面，以确保用户在访问受保护内容之前先进行身份验证。

原创 什么情况下需要用到JSON.parse?

3）存储和读取本地数据：当我们需要将JavaScript对象或数组保存在本地存储（如localStorage或IndexedDB）中时，由于本地存储只能存储字符串，我们需要使用JSON.stringify()将对象转换为JSON字符串进行存储，然后再使用JSON.parse()将存储的JSON字符串解析回JavaScript对象或数组进行读取。在JavaScript中，我们需要使用JSON.parse()将这个JSON字符串解析为对象或数组，以便在代码中进一步处理。

原创 JS获取任意一天的时间

获取前一天的当前时刻和当前时刻。

原创 vue中使用element-ui如何使用分页？

【代码】vue中使用element-ui如何使用分页？

原创 Vue中，如何让echarts放大缩小自适应？

原创 ngc项目需要注意的点

另外，align-content 还有其他取值，如 flex-start、flex-end、space-between、space-around 等，可以根据需要选择不同的取值来调整多行内容的对齐方式。-- 当 flex 容器中的多行内容的高度大于容器的高度时，align-content: center;会使整个多行内容在容器内居中对齐，会在多行内容上下分别留有相同的空白区域。-- 当 flex 容器中的多行内容的高度小于容器的高度时，align-content: center;1、else做好处理，

原创 如何动态获取el-table表格中的列？

【代码】如何动态获取el-table表格中的列？

原创 【无标题】

错误：this.$message.error((res.extras === null?'' : res.errors))这句话是一个代码片段，可能是使用JavaScript或类似语言编写的。，则将其值添加到错误消息中。最终的错误消息将通过。，则将其值添加到错误消息中。用来写在获取接口错误的时候提示的错误。，则将空字符串添加到错误消息中；的值来触发一个错误消息提示。

原创 uni-app的学习

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

原创 Vue2+three.js 实现简单Demo

这个示例创建了一个简单的Three.js场景，在页面上旋转一个绿色的立方体。你可以根据自己的需求进行扩展和修改，使其更加丰富有趣！记得适配样式和动态缩放，这样就能保证在不同设备上正常显示。二、创建一个Vue组件，用于在页面上显示Three.js场景。在组件中，你可以使用Vue的生命周期钩子方法来初始化Three.js场景，并在适当的时机更新它。一、在你的Vue项目中安装Three.js。三、将组件添加到你的页面中。灵感来源：ChartGPT。

原创 el-table在大屏展示无限滚动的应用

3. 整体table表格的样式设计。2. 去掉右侧的滚动条。

原创 DataV中使用initWH方法防止边框内的组件重新渲染失效

很多管理系统的标题旁边都包含着展开收缩左侧的menu，造成边框不能自适应的情况，这就需要使用initWH方法重置边框。watch监听菜单栏的展开与否。因为是四个边框，所以。分别给四个边框都加了ref（还没找到其他简便的方法！，加上重置这个方法就ok了！Vue 大屏数据展示组件库。二、使用边框遇到的问题。介绍 | DataV。

原创 实现页面在缩小的时候，内容自适应？

【代码】实现页面在缩小的时候，内容自适应？

原创 父子组件通讯属性名应该遵循怎样的规则？

CamelCase vs. kebab-case: 在HTML中，属性名是不区分大小写的，因此在传递props时，可以使用驼峰命名法或短横线命名法。驼峰命名转换成短横线命名: 如果父组件的props属性是驼峰命名法，而子组件中的props属性使用短横线命名法，则Vue会自动进行转换。当父组件中使用冒号来帮顶props属性时，冒号后面的名称即为父组件中的属性名称。在vue中，父组件传递给子组件的props属性名称可以与子组件中生命的属性名称不完全相同，但是两者之间需要遵循一定的转换规则。

原创 Vue中为什么要用深拷贝以及什么时候会用到他们？

为了避免这种引用共享的问题，我们可以使用深拷贝来复制数据的副本。比如，在计算属性或监听器中修改原始数据时，Vue可能无法正确地跟踪数据的变化，导致视图不会及时更新。在Vue中，通过Props将数据传递给子组件时，如果直接将原始数据传递给子组件，子组件对该数据的修改可能会影响到父组件的数据，为了确保子组件操作的是独立的副本而不是共享的原始数据，需要使用深拷贝将数据传递给子组件。在Vue中，深拷贝通常用于处理需要复制并独立管理的数据，以确保数据的改变不会影响到原始数据。

原创 vue中如何让el-date-picker时间选择器组件结束时间不早于开始时间？

【代码】vue中如何让el-date-picker时间选择器组件结束时间不早于开始时间？

原创 Vue中为什么要使用this.$nextTick()?

可以将回调函数放入Vue的下一个DOM更新队列中，在下一次DOM更新完成后执行，确保能够获取到最新的DOM状态。在Vue中，使用this.$nextTick()的主要目的是在DOM更新之后执行回调函数或操作。Vue在更新DOM时是。的，因此在对数据进行修改后，立即访问DOM可能无法获取到最新的变化。时，可以确保在循环结束后操作DOM，以避免因为异步更新导致的错误。，以确保能够获取到最新的DOM状态，避免因为异步更新导致的问题。1. 当需要在修改数据后，立即操作或访问DOM元素时，可以使用。

原创 Vue中写Echarts图表时，option.series为什么不能动态赋值？

的长度，所以赋值操作无法完成。要解决这个问题，可以在循环之前先向。数组中添加对应数量的空对象，以便后续可以给每个对象赋值。赋值时，循环中的索引。

原创 在Vue中，如何让created中的某个函数最后执行？

通过将延迟时间设置为0，是函数异步执行，并将其防止啊在任务队列的末尾，从而在其他代码执行完毕后再执行。（setTimeout属于异步宏任务，具体可查看EventLoop事件循环机制）请注意：尽管这些方法可以将函数放置在created钩子中其他代码的后面执行，但他们仍然是异步的。因此，在执行完成之前，created钩子之后的代码可能会执行。Promise会创建一个已解析的Promise对象，通过then方法将需要最后执行的函数放置在Promise链的最后。

原创 vue中一个页面循环多项echarts应该如何处理？

循环遍历您的item列表，并为每个item创建一个独立的echarts实例。在创建实例时，您可以将实例添加到。钩子函数 (或者定义的函数中) 中，使用。2. 在Vue组件的。