文章列表

-
- 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

网公网安备