• 详解为什么Vue中不要用index作为key(diff算法)
• 前言Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。另外本文的结论对于性能的毁灭是针对列表子元素顺序会交换、或者子元素被删除的特殊情况，提前说明清楚，喷子绕道。本篇已经收录在 Github 仓库，欢迎 Star：ht...
• 日期：2023-01-28
• 浏览：174
• 标签： Vue

---

• ant design vue中日期选择框混合时间选择器的用法说明
• 首先时间格式化用到moment方法，需要在页面中引入moment组件import moment from ’moment’结构代码：<a-date-picker style='width:100%' :getCalendarContainer='(triggerNode) => ...
• 日期：2022-11-10
• 浏览：108
• 标签： Vue

---

• vue 中使用 vxe-table 制作可编辑表格的使用过程
• 项目上有一个表格需要实现在线编辑，开始用了 element 的el-table 实现，单元格内基础情况就是监听了单击单元格切换一个span标签与input标签，复杂点的单元格使用了大量的条件判断来实现对应的编辑操作，比如下拉选，popover弹框编辑。整个表格几十列，十几条数据就已经出现了明显的卡顿...
• 日期：2023-12-12
• 浏览：6
• 标签： Vue

---

• 解决vue 退出动画无效的问题
• 遇到一个问题：给模态框加入退出动画，进入的动画效果是有的，可是退出的动画就没有了。写个简单的结构：<div class='<strong>mask</strong>' v-show='warning'><br><transition name='...
• 日期：2022-12-12
• 浏览：103
• 标签： Vue

---

• Vue双向数据绑定(MVVM)的原理
• MVVM MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。Vue.js 是一个提供了 MVVM 风格的双向...
• 日期：2022-11-17
• 浏览：122
• 标签： Vue

---

• Vue select 绑定动态变量的实例讲解
• 概述根据后台的数据生成多个select，由于数据的数量不定，所以v-model绑定的变量名也不定。所以通过数据的id或者下标进行变量拼接。页面能够成功渲染，但是当进行下拉框的选值时，组件不刷新，选中的结果并没有展示Code<div v-for='(item, index) in tagAllD...
• 日期：2022-11-14
• 浏览：134
• 标签： Vue

---

• vue-cli —— 如何局部修改Element样式
• 最近在做vue项目时用到了Element，发现这玩意儿用起来很舒服，很新颖，上手也很快，而且效果足够酷炫。但是后面发现一个很大的问题，那就是Element的样式有限，这极大地限制了项目的应用广度，所以我们有必要对Element内部的CSS进行一定的覆盖，来改变其样式。在修改Element样式时，遇到...
• 日期：2022-11-14
• 浏览：129
• 标签： Vue

---

• 解决vue页面刷新，数据丢失的问题
• 在做vue项目的过程中有时候会遇到一个问题，就是进行F5页面刷新的时候，页面的数据会丢失，出现这个问题的原因是因为当用vuex做全局状态管理的时候，store中的数据是保存在运行内存中的，页面刷新时会重新加载vue实例，store中的数据就会被重新赋值，因此数据就丢失了，解决方式如下：解决方法一：最...
• 日期：2022-10-24
• 浏览：115
• 标签： Vue

---

• vue3 Error:Unknown variable dynamic import: ../views/的解决方案
• 这篇文章主要给大家介绍了关于vue3 Error:Unknown variable dynamic import: ../views/的解决方案,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
• 日期：2022-06-13
• 浏览：8
• 标签： JavaScript

---

• vue实现导航菜单和编辑文本的示例代码
• 导航菜单实例<div id='main'> <!-- 激活的菜单样式为 active 类 --> <!-- 为了阻止链接在点击时跳转，我们使用了 'prevent' 修饰符 (preventDefault 的简称)。 --> <nav v-bind:cl...
• 日期：2023-01-09
• 浏览：26
• 标签： Vue

---