• 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+element开发一个谷歌插件的全过程
• 简单功能：点击浏览器右上角插件icon弹出小弹窗，点击设置弹出设置页，并替换背景图或颜色。开始1.本地创建文件夹testPlugin并新建manifest.json文件{ 'name': 'testPlugin', 'description': '这是一个测试用例', 'versi...
• 日期：2022-09-30
• 浏览：49
• 标签： Vue

---

• Vue3 中实现元素拖拽功能
• 这篇文章主要介绍了在Vue3中实现飘逸的元素拖拽,在本次案例中需要认真思考对应的几个坐标和移动时坐标如何更新，事件的使用要成对出现，如何在这个拖拽的 Icon 上增加点击事件时还需要多做一些处理，需要的朋友可以参考下
• 日期：2022-06-12
• 浏览：25
• 标签： JavaScript

---

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

---

• Vue中函数防抖节流的理解及应用实现
• 防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。一、函数防抖定义在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。实现原理函数防抖的基本思想是设置一个定时器，在指...
• 日期：2023-01-24
• 浏览：153
• 标签： Vue

---

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

---

• vue使用echarts实现水平柱形图实例
• 文件结构：testData.js文件const dtuEdition = { name: ’有方有线’, number: 60, proportion: 40, edition: { ’有方有线V1.0.0’: 20, ’有方有线V1.2.0’: 15, ’有方有线V2.0.1’: 10, ’有方有...
• 日期：2022-11-25
• 浏览：189
• 标签： Vue

---

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

---