文章列表
-
- vue 封装 Adminlte3组件的实现
- 之前找了一下vue关于adminlte3的组件库，github大部分都是2的。比较老了，都是几年前更新的。有adminlte3的，但是都只封装了一两个组件，而且居然还引入jq，然后一股脑把adminlte3的html代码复制进去，这样就成了一个组件。感觉没啥用。感觉是那些作者在练手。vue引入jq我...
- 日期：2023-01-30
- 浏览：204
- 标签： Vue
-
- Vue后台中优雅书写状态标签的方法实例
- 目录前言优化抽离变量二次封装 el-tag 组件使用总结前言在后台系统开发中，对于列表，常常有一些状态字段的展示，比如审核状态、退货申请状态等等，并且往往伴随有状态筛选的列表查询条件，同时状态显示对应不同颜色，在写代码时有些人往往是这么做的：<template> <el-form...
- 日期：2023-02-11
- 浏览：97
- 标签： Vue
-
- 解决vue组件销毁之后计时器继续执行的问题
- 直接上代码，以下window.setTimeout(function(){ if(this && !this._isDestroyed){ //_isDestroyed 组件是否被销毁 return; } window.location.href = '/serverMonitor...
- 日期：2023-01-01
- 浏览：167
- 标签： Vue
-
- Vue基于iview table展示图片实现点击放大
- 首先先安装依赖：npm install v-viewer --save然后全局引入，我这边是在main.js里面操作写的：import Viewer from ’v-viewer’import ’viewerjs/dist/viewer.css’然后注册下：Vue.use(Viewer)Viewer...
- 日期：2022-12-15
- 浏览：256
- 标签： Vue
-
- 如何在vue中使用pdfjs预览pdf文件
- 目录前言思考库目录解析和下载使用方法文件位置实际调用问题总结前言在写项目的过程中，偶尔会有使用到pdf的文件，当我们想看pdf文件的时候，你的操作是不是先把pdf文件下载下来，通过电脑安装的专用于打开pdf的软件来查看pdf文件呢。如果有个需求说不要让用户安装软件呢，毕竟还是有很多用户不知道怎么安装...
- 日期：2022-09-28
- 浏览：263
- 标签： Vue
-
- Vue中keep-alive 实现后退不刷新并保持滚动位置
- 什么是KeepAlive？首先，我们要明确我们谈的是TCP的 KeepAlive 还是HTTP的 Keep-Alive。TCP的KeepAlive和HTTP的Keep-Alive是完全不同的概念，不能混为一谈。实际上HTTP的KeepAlive写法是Keep-Alive，跟TCP的KeepAlive...
- 日期：2023-01-30
- 浏览：225
- 标签： Vue
-
- vue实现自定义多选按钮
- 本文实例为大家分享了vue实现自定义多选按钮的具体代码，供大家参考，具体内容如下图示返回的选中列表是一个数组html部分<!-- 自定义多选 --> <div class='list' v-for='(item,index) in arr' :key='index' :class=...
- 日期：2023-01-07
- 浏览：18
- 标签： Vue
-
- vue中echarts图表大小适应窗口大小且不需要刷新案例
- 我就废话不多说了，大家还是直接看代码吧~内容如下：// 基于准备好的dom，初始化echarts实例let myChart = this.$echarts.init(document.getElementById(’myChart’))//根据窗口的大小变动图表 --- 重点window.onres...
- 日期：2023-01-03
- 浏览：195
- 标签： Vue
-
- vue和H5 draggable实现拖拽并替换效果
- 前言公司项目需要做拖拽替换效果，本人用的vue框架。在网上找了很多资料都是用的 Vue.Draggable(git地址)。但这个组件实现的拖拽后插入效果，我倒腾了很久也没有替换效果(如果Vue.Draggable能实现拖拽替换效果的话请大神给我留言)。JQ有实现拖拽的插件，我下载过一个插件并看过源码...
- 日期：2022-12-24
- 浏览：61
- 标签： Vue
-
- vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
- 如下所示：这个需求针对用户上传手机拍摄照片等不便修改图片大小的情况，我们允许上传10M以内的图片由前端对图片进行压缩再传给后台存储，结合elementUI的el-upload组件实现图片上传功能（简单来说就是用户是老大）1、提取出压缩方法，放在公共方法.js文件里/** 图片压缩，默认同比例压缩 *...
- 日期：2022-12-11
- 浏览：183
- 标签： Vue
网公网安备