
vue
yj小耳朵
明天又是写bug的一天,真开心!!!
展开
-
在axios中获取文件上传进度
1.在axios 全局配置的文件中加入一个postFile 方法在上传文件时调用。2.选择文件符合上传格式要求后,调用 uploadFile 上传。原创 2023-08-23 18:02:18 · 1842 阅读 · 0 评论 -
vue:使用JSEncrypt做RSA加密解密
import JSEncrypt from 'jsencrypt'原创 2021-06-04 16:03:44 · 356 阅读 · 0 评论 -
在vue中使用echarts,实现代码复用
开发中一般都会选择echarts来绘制图表,使用也很方便。安装echartsnpm install echarts --save// 或者cnpm install echarts --save引入 ECharts在main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts渲染器的使用默认使用 Canvas 渲染,Canvas 更适合绘制图形元素数量非常大。如果想使用 SVG 渲染,代码中须包括有 S原创 2021-04-26 11:47:56 · 410 阅读 · 0 评论 -
前端使用ali-oss实现文件上传到oss
ali-oss安装依赖 npm/cnpm install ali-oss --save创建自己的ossClient.jsconst OSS = require('ali-oss');export default function Client(data='custom-data') { // console.log('bucket',data) return new OSS({ region: "custom-region", accessKeyId: "cus原创 2021-04-21 17:05:54 · 6486 阅读 · 5 评论 -
敲好用的图片压缩工具image-conversion
image-conversionimage-conversion下载依赖npm/cnpm i image-conversion --save封装成单独的文件img-util.js const imageConversion = require("image-conversion") /** * file:文件 * config:{ //压缩配置 * size Number 指定压缩大小 * scale Number 相对于原始图像的缩放比例,范围0-10原创 2021-04-20 18:09:02 · 2616 阅读 · 0 评论 -
在vue中以组件的方式写一个自定义加载框
加载框基本样式和逻辑<template><div class="my_loading_box" v-if="loading_show"> <div class="l-wrapper"> <!-- viewBox 可调整加载样式大小 --> <svg viewBox="0 0 120 120"> &l...原创 2020-04-28 10:39:40 · 477 阅读 · 0 评论 -
关于vue-cli工程
用于构建vue的 vue-cli 工程都到了哪些技术,它们的作用分别是什么?1、vue.js:vue-cli工程的核心,主要特点是双向数据绑定和组件系统。2、vue-router:vue官方推荐使用的路由框架。3、vuex:专为 Vue.js 应用项目开发的状态管理器,主要用于维护vue组件间共用的一些 变量 和 方法。4、axios( 或者 fetch 、ajax ):用于...翻译 2019-07-03 16:07:42 · 573 阅读 · 0 评论 -
vee-validate表单验证
VeeValidate是Vue.js的验证库。功能基于模板的验证。 开箱即用的许多验证规则。 一流的本地化支持。 验证HTML5输入和自定义Vue组件。 自定义规则和错误消息。验证表达式是由管道分隔的一系列验证器的字符串|。如下:必填email字段。<input placeholder="必填" type='email' v-validate="'required...翻译 2019-06-18 10:58:54 · 1063 阅读 · 0 评论 -
vue-awesome-swiper 轮播--动态数据 循环失败解决办法
问题描述:在开发过程中可以选择各种轮播插件来实现轮播功能。在使用vue-awesome-swiper 这个轮播插件时,动态绑定的数据后不可循环。轮播功能描述:1.在界面中显示3张图片2.选中的图片在中间其放大显示3.循环轮播、不自动轮播4.默认选中第一张图片5.切换图片时,获取对应图片的下标list: [], //页面所有数据//轮播设置swipe...翻译 2019-06-18 10:01:10 · 719 阅读 · 0 评论 -
vue-router之页面跳转
除了使用<router-link>创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。router-link的用法: <router-link to="/foo">Go to Foo</router-link>代码实现router.push(location,onComplete?,onAbort...翻译 2019-05-31 11:47:35 · 1520 阅读 · 0 评论 -
vue 判断多个input 是否为空
vue 判断页面所有input的值不等于空,提交的时候并给出提示,1.html<input placeholder="必填" alt="开户支行" v-model="bank_branch" :value='bank_branch' />2.js//获取页面所有的inputvar els = document.getElementsByTagName("input"...原创 2019-05-18 18:46:42 · 9510 阅读 · 1 评论 -
vue 实现评价功能
html 代码<div class="star-48" id="deliveryStar"> <span class="on" :id="'deliveryStar'+index" @click="setPF('deliveryStar',index)" v-for="(deliveryStar,index) in starCount" :key="'deliverySt...原创 2019-05-18 18:39:09 · 1766 阅读 · 0 评论 -
vue-awesome-swiper 轮播
1.安装 npminstallvue-awesome-swiper 或者 cnpm inatall vue-awesome-swiper 2.引入全局引入main.js import vueSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css' //引入样式组件引入方式...翻译 2019-05-25 16:10:13 · 371 阅读 · 0 评论 -
前端js(vue)实现国际化
1.创建自己的语言包(Language.js),并引入界面。2.语言种类定义json格式,如中文(zh),英文(en),韩语(ko)。var zh={button:{lg:"XX",}page:{index:{lg:"",}}}3.为语言定义一个初始值。var languague = zh;4.定义一个函数获取语言。var getLangu...原创 2019-03-29 14:28:23 · 1214 阅读 · 0 评论