文章列表
-
- 解决vue一个页面中复用同一个echarts组件的问题
- 因为页面中要用echarts图表的地方比较多，所以封装了组件，方便复用，如图：我需要这样一个饼图，并且接下来在很多次地方要用到。直接复制官网的代码，再改改数据，需要用的时候直接拿来用。但是接下来出现了一个问题：如果我在同一个页面多次使用这个组件，图表将不能正常显示。分析了一下， echarts通过i...
- 日期：2023-01-04
- 浏览：231
- 标签： Vue
-
- Vue解决echart在element的tab切换时显示不正确问题
- 最近在项目中遇到了这种情况，需要在tab控件上渲染多个echart图标，然后切换查看时，发现图表的宽度不正确原因：在页面进行加载时，隐藏的图表找不到对应的div大小，所以默认给了一个大小。所以要做的就是在页面加载时，就对图表进行初始化。网上的解决方案大多都是监听tab的切换事件，然后再根据切换的页面...
- 日期：2022-12-19
- 浏览：192
- 标签： Vue
-
- 浅谈vue中get请求解决传输数据是数组格式的问题
- qs的stringify接收2个参数，第一个参数是需要序列化的对象，第二个参数是转化格式,一般默认格式是给出明确的索引，如：arr[0]=1&arr[1]=2//indices是index的复数格式，因此indices是索引的意思//bracket是括号的意思，因此arrayFormat:’...
- 日期：2022-12-18
- 浏览：211
- 标签： Vue
-
- vue form表单post请求结合Servlet实现文件上传功能
- 前端测试页面代码：<template> <div> <input type='file' name='file' @change='change($event)'> </div></template><script> expo...
- 日期：2022-10-09
- 浏览：182
- 标签： Vue
-
- 封装一个vue中也可使用的uniapp的全局弹窗组件(任何页面都可以弹出)
- 在写uniapp小程序的时候,弹窗提醒经常会用到,虽然弹窗的组件很多,但是通常别人封装好的弹窗组件自定义度不高,很难匹配自己的ui需求,这篇文章主要给大家介绍了封装一个vue中也可使用的uniapp的全局弹窗组件的相关资料,这个组件在任何页面都可以弹出,需要的朋友可以参考下
- 日期：2022-06-01
- 浏览：278
- 标签： JavaScript
-
- Vue中keep-alive 实现后退不刷新并保持滚动位置
- 什么是KeepAlive？首先，我们要明确我们谈的是TCP的 KeepAlive 还是HTTP的 Keep-Alive。TCP的KeepAlive和HTTP的Keep-Alive是完全不同的概念，不能混为一谈。实际上HTTP的KeepAlive写法是Keep-Alive，跟TCP的KeepAlive...
- 日期：2023-01-30
- 浏览：255
- 标签： Vue
-
- vue跳转页面的几种方法(推荐)
- vue跳转不同页面的多种方法1：router-link跳转<!-- 直接跳转 --><router-link to=’/testDemo’> <button>点击跳转2</button></router-link> <!-- 带参数跳...
- 日期：2023-01-29
- 浏览：27
- 标签： Vue
-
- Vue的data、computed、watch源码浅谈
- 导读记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅读源码变得越来越困...
- 日期：2023-01-28
- 浏览：29
- 标签： Vue
-
- Vue如何基于es6导入外部js文件
- 也许大家都是使用习惯了es5的写法喜欢直接用《Script》标签倒入js文件，但是很是可惜，这写法。在es6，或则说vue环境下不支持真的写法是怎样？首先。我们要改造我们要映入的外部js文件，改成下面这个格式。主要是红色方块内部代码，我们需要将我们的模块“抛出”，让人能获取到代码：function ...
- 日期：2023-01-20
- 浏览：46
- 标签： Vue
-
- vue tab切换,解决echartst图表宽度只有100px的问题
- 解决思路：直接将图表的宽高写死，根据实际代码进行改写，提供一个思路1.将图表放进一个div里面<div class='echarts'> <div id='myChart' :style='{width: ’100%’, height: ’150px’}'></div&...
- 日期：2023-01-03
- 浏览：28
- 标签： Vue
网公网安备