vue
fairy_404
集美貌才华于一身的fairy呀
展开
-
创建多个二维码、一键下载多个二维码并组成压缩包下载
创建多个二维码、一键下载多个二维码并组成压缩包原创 2022-12-14 15:19:15 · 319 阅读 · 1 评论 -
vue使用element得el-tree树实现全选、反选、默认选择和输出选择的数据
element中el-tree实现全选、反选、取消全选并输出选择的值原创 2022-08-04 15:57:53 · 1833 阅读 · 0 评论 -
vue+element实现自定义选择展示table列
vue+element实现自定义选择展示table列原创 2022-07-18 18:06:04 · 2913 阅读 · 0 评论 -
object标签预览PDF文件
前端页面实现预览在线PDF文件1.利用原生标签object<object width="100%" height="100" data="url" type="appcation/pdf">2.在vue-cli项目中中利用object<template> <div> <object width="100%" :height="clientHeight" :data="fileUrl" type="appcation/pdf">原创 2022-04-15 11:19:09 · 2027 阅读 · 3 评论 -
利用Exceljs/file-saver实现纯前端的同一个sheet页实现导出多个表格,拼接
vue版纯前端实现导出(同一个sheet页导出多个表格)- 组合1.安装依赖2.引入依赖3.导出测试4.效果1.安装依赖npm install exceljs --savenpm install file-saver --save2.引入依赖import FileSaver from "file-saver";const ExcelJS = require("exceljs");3.导出测试// 导出测试 onExcels() { let baseData = [ ["原创 2022-04-15 11:14:51 · 1980 阅读 · 0 评论 -
记录一下往常偶尔经常忘记的问题
日常记录el-date-picker限制时间问题新的改变关于vue-svg-icon的使用方式合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入el-date-picker限制时间问题需求:可选的时间范围不超过30天思路:在picker-原创 2021-08-25 14:30:07 · 320 阅读 · 0 评论 -
vue 引入Excel表格插件
一:安装npm install handsontable-pro @handsontable-pro/vuenpm install handsontable @handsontable/vue二:引用(在页面引用)import { HotTable } from ‘@handsontable-pro/vue’import ‘…/…/node_modules/handsontable-pro/dist/handsontable.full.css’import Handsontable from原创 2021-04-26 10:17:17 · 870 阅读 · 1 评论 -
给element中下拉选项框el-select提供拉到底加载下一页数据
给element中下拉选项框el-select提供拉到底加载下一页数据1、新增一个自定义指令directives: { 'el-select-loadmore': { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dr原创 2021-03-30 17:09:38 · 677 阅读 · 1 评论 -
利用accounting依赖实现vue中金额千分位格式转换和el-table的格式化以及数字千分位格式化金额方法
前提自己要安装一个accounting依赖1、在components文件夹下新建一个index.js的文件,代码内容如下import currencyInputComponent from "./CurrencyInput";const currencyInput = { install:function(Vue){ Vue.component("currency-input",currencyInputComponent) }}export default c原创 2021-03-30 16:57:17 · 1547 阅读 · 0 评论 -
VUEX使用和理解
1、状态管理集中式存储管理应用的所有组件状态的,并以相应的规则保证状态以一种可预测的方式发生改变。2、 Vuex 的理解vuex 的核心就是 store ,可以理解为一个容器,包含应用的大部分状态,并且该状态只能通过一定的方式进行改变3、 使用安装: npm i --save vuex 【利用创建项目选择的时候选择了,就可以不用安装,因为已经自动安装了】使用:import vuex from ‘vuex’Vue.use(vuex) // 注册vuex 实例化: // 由原创 2021-01-25 18:07:13 · 131 阅读 · 0 评论 -
在VUE中如何第三方插件生成二维码
意义:生成二维码的意思其实就是将一个URL地址保存在二维码中,扫描二维码的时候就指向地址,打开该URL。步骤如下(可以参照JavaScript的二维码生成 – QRCode.js)1、首先安装包qrcodejs2:npm install --save qrcodejs22、在项目中引入(最好单页面引用)import QRCode from “qrcodejs2”; //二维码<el-col:span=‘4’:offset=‘1’class=“qrcode-box”style=“pa原创 2021-01-25 18:05:01 · 225 阅读 · 0 评论 -
在vue中将Dom元素转成图片显示并且可以下载图片
第一步:安装npm install html2canvas --save第二步:在需要使用的页面引入import html2canvas from “html2canvas”第三步:构建 //里面放置图片等元素(需要合成到图片里的元素) //如果需要合成按钮操作的话,如果是vue中想要页面出现就获取就要在create中调用 实现:写法—注意这是没有合成按钮操作的,如果需要,可以通过传值这是直接将某页面的缩略图显示在某一个页面的角落toImage() {// co原创 2020-11-04 11:47:52 · 1559 阅读 · 0 评论