• vue tab切换,解决echartst图表宽度只有100px的问题
• 解决思路：直接将图表的宽高写死，根据实际代码进行改写，提供一个思路1.将图表放进一个div里面<div class='echarts'> <div id='myChart' :style='{width: ’100%’, height: ’150px’}'></div&...
• 日期：2023-01-03
• 浏览：28
• 标签： Vue

---

• vue实现公共方法抽离
• demo：制作一个点击按钮增加或者减少数字现在vue组件内部测试一下功能<template><div class='all'><p>还未抽离</p><button @click='SubNum()'>-</button><...
• 日期：2022-12-20
• 浏览：231
• 标签： Vue

---

• 浅谈vue 二级路由嵌套和二级路由高亮问题
• 第一层路由我写在app.vue里面。如图所示：footer.vue：二级路由是这样：index.js里面的配置：效果图：效果出来了，又出现新的问题，就是点击二级路由的时候，默认的二级路由高亮不会去掉，如图所示：在网上看到别人用exact方法，即在默认的二级路由里面加上exact，如图所示：补充知识：...
• 日期：2022-12-14
• 浏览：184
• 标签： Vue

---

• Vue看了就会的8个小技巧
• 1. 始终在 `v-for` 中使用 `:key`在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测是很有必要的。这样Vue就可以跟踪组件状态，并对不同的元素有一个常量引用。在使用动画或Vue转换时，如果没有key ，Vue只会尝试使DOM尽可能高效。这或许会导致v-f...
• 日期：2022-10-09
• 浏览：20
• 标签： Vue

---

• 如何用Idea或者webstorm跑一个Vue项目(步骤详解)
• 现在vue.js几乎是程序员必会的前端框架啦~今天就学习记录一下怎么运行一个vue项目无论是Idea还是webstorm，都是一样的操作。去网上随便找一个开源项目，以下就是操作的流程，不管是用webstorm还是idea界面都一样。第一步：终端输入npm install命令第二步：配置这里第三步：第...
• 日期：2023-09-22
• 浏览：276
• 标签： Vue

---

---

• vue 使用 vue-pdf 实现pdf在线预览的示例代码
• 背景之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题，pdf.js的确可以非常完美的实现pdf在线预览的过程，但是感觉这样直接进去有点不太优雅，于是找找看看有没有什么现成...
• 日期：2023-01-24
• 浏览：30
• 标签： Vue

---

• Vue优化:常见会导致内存泄漏问题及优化详解
• 如果你在用 Vue 开发应用，那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。因此在vue开发过程中，你需要时刻警惕内存泄漏的问题，这些...
• 日期：2022-12-17
• 浏览：205
• 标签： Vue

---

• Vue页面手动刷新,实现导航栏激活项还原到初始状态
• 场景描述：在页面中存在顶部导航和左侧导航，左侧导航和右侧内容区使用了命名视图实现，点击左侧导航的链接时，右侧内容区相应显示不同组件内容。问题：在当前链接手动刷新浏览器（例如：浏览器地址为/enterprise/list），顶部导航激活项还原到初始状态（这里默认是“工作台”项）。原理：每次刷新都会重新...
• 日期：2022-12-15
• 浏览：208
• 标签： Vue

---

• 在vue项目中引用Antv G2,以饼图为例讲解
• 我就废话不多说了，大家还是直接看代码吧~npm install @antv/g2 --savetemplate内容： <template> <div id='pieChart'></div></template>js部分：​//引入G2组件...
• 日期：2022-11-10
• 浏览：103
• 标签： Vue

---

• vue内置组件keep-alive事件动态缓存实例
• 在App.vue文件中配置 <keep-alive> <router-view v-if='$route.meta.keepAlive'></router-view> </keep-alive> <router-view v-if='!...
• 日期：2022-11-09
• 浏览：151
• 标签： Vue

---