vue
文章平均质量分 95
芈鹿
这个作者很懒,什么都没留下…
展开
-
js版的雪花算法(SnowFlake)
import bigInt from 'big-integer';// http://peterolson.github.io/BigInteger.js//** * Twitter_Snowflake(雪花算法) * * SnowFlake的结构如下(共64bits,每部分用-分开): * 0 - 0000000000 0000000000 0000000000 0000000000 0 - 00000 - 00000 - 000000000000 * | ---------.原创 2020-10-23 15:38:48 · 3322 阅读 · 0 评论 -
vue实现全选,全不选和单个选择的方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>c.原创 2020-07-09 11:37:25 · 1770 阅读 · 0 评论 -
vue中下载多个文件打包为一个zip
//下载依赖// npm i axios, JSZip, FileSaver -simport axios from "axios";import JSZip from "jszip";import FileSaver from "file-saver";const getFile = url => { return new Promise((resolve, reject...原创 2019-12-21 13:35:47 · 4328 阅读 · 0 评论 -
js把本地图片或项目内的图片转为base64编码
const imgUrl="static/logo.png"getBase64(imgUrl) { window.URL = window.URL || window.webkitURL; const xhr = new XMLHttpRequest(); xhr.open("get", imgUrl, true); xhr.res...原创 2019-11-18 18:07:13 · 1637 阅读 · 0 评论 -
vue项目中生成的文件或base64图片上传阿里云
下载ali-ossnpm install ali-oss --save引入const OSS = require("ali-oss");//这些都是后台给的 包括 阿里云的地址 id 密码 名称const client = new OSS({ region: '<oss region>', endpoint: "", accessKeyId: '<...原创 2019-10-26 09:44:20 · 1499 阅读 · 0 评论 -
vue项目中使用iframe标签引入外部html,并进行数据交互!
首先是vue中引入iframe的src怎么引用路径的坑!首先我们需要把静态的html文件和css,js文件放在public目录下.在iframe标签中引用的时候不要使用public/下的什么,这是不对的.去掉public,直接引用即可.(还是打包后发现放在public文件下的文件都会放在根目录,并没有public这个目录)下面就介绍一下怎么交互的问题.vue文件里的写法:...原创 2019-10-23 15:03:46 · 6292 阅读 · 4 评论 -
前端 vue/react 或者 js 导入/导出 xlsx/xls (带样式)表格的功能
导出表格的功能:yarn add xlsx script-loader file-saver xlsx-style效果展示xlsx-style的bug修复:node_module/xlsx-style/dist/cpexcel.js的807行的varcpt=require('./cpt'+'able')改为varcpt=cptable;上封装的代码:re...原创 2019-09-16 18:25:17 · 1960 阅读 · 3 评论 -
前端 vue/react 或者 js 导入/导出 xlsx/xls 表格的功能
导出表格的功能:yarn add xlsx script-loader file-saver效果展示上封装的代码:// 文件名:Export2Excel.jsrequire('script-loader!file-saver');import XLSX from 'xlsx';function datenum(v, date1904) { if (date190...原创 2019-09-12 19:00:13 · 1137 阅读 · 0 评论 -
vuex用法及理解
vuex(核心概念)Store(总览)// 如果在模块化构建系统中,请确保在开头调用了 Vue.use(Vuex)import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: { count:1 }, getters...原创 2019-08-01 15:50:46 · 153 阅读 · 0 评论 -
vue各生命周期遇到异步执行顺序
当生命周期遇到异步该怎样执行<script>import { getCameraState } from "@/api/leave";export default { data() { return { obj: { message: "" } }; }, methods: { parseCamera...原创 2019-07-19 10:44:09 · 2424 阅读 · 1 评论 -
vue 中的 provide 和 inject 用法
以最外层组件为参考点//我是一个当前组件(最外层)<template> <div> <child /> </div></template><script>import child from "./one";//引入子组件export default { provide() { ...原创 2019-07-22 17:02:52 · 308 阅读 · 0 评论 -
vue中$set的用法
<template> <div> 敌军还有 <span class="mouse" @click="add">{{time.you}}</span> 秒钟到达战场,受到敌方钟无艳攻击 <span class="mouse" @click="reduce">{{time.me}}</span&g...原创 2019-07-27 16:40:50 · 1268 阅读 · 0 评论