
vue
关于vue的功能,配置
科技达人ლ(′◉❥◉`ლ)
这个作者很懒,什么都没留下…
展开
-
使用input上传头像
【代码】使用input上传头像。原创 2022-09-08 15:39:04 · 509 阅读 · 1 评论 -
vue @femessage/excel-it
3.创建文件夹写入需要下载的模板。2.使用的页面引入插件。原创 2022-07-15 22:46:56 · 268 阅读 · 0 评论 -
倒计时 / 多少月、天、时、分前
//倒计时时分秒 getTime() { //当前时间 var startTime = new Date(); //结束时间 var endTime = new Date('2022/3/30 21:00:00'); var countDown = (endTime.getTime()-startTime.getTime()); //获取小时数 var原创 2022-03-30 20:46:33 · 224 阅读 · 0 评论 -
vue 时间过滤器filters全局使用
1.创建filters>filter.js2.创建filters>index.js3.main.js4.使用方法原创 2022-07-13 02:07:12 · 190 阅读 · 0 评论 -
vue数字滚动插件
1.npm安装2.使用npm官方链接https://www.npmjs.com/package/vue-count-to原创 2022-07-11 21:59:17 · 908 阅读 · 0 评论 -
js 导出文件
//转换成Blob数据并下载 convertRes2BlobAndDownload: function(data) { const filename = 'export-'+new Date().getTime()+'.xls'; //type 限制文件类型 application/octet-stream const blob = new Blob([data], { type: 'application/octet-stream' }); //.原创 2022-04-02 11:35:38 · 1316 阅读 · 0 评论 -
vue-signature-pad在vue中实现电子签名
首页需要下载依赖包npm install --save vue-signature-pad这里使用的是全局引用组件在main.js中import Vue from "vue";<--引入-->import VueSignaturePad from "vue-signature-pad";<--注册组件->Vue.use(VueSignaturePad);在页面中使用组件<vue-signature-pad id="signature" width=原创 2021-11-18 17:01:34 · 3793 阅读 · 0 评论 -
input表单限制数字长度保留两位小数
1.html代码 <el-input type="number" placeholder="请输入" @input="(value)=>{limitInputLength(value, 10000000)}" v-model.trim="orderFullPrice"></el-input>2.js代码 data(){ return{ orderFullPrice:'' } } //限定文本输入框的长度(整数) limitInpu原创 2022-05-20 21:07:57 · 338 阅读 · 0 评论 -
请求拦截器中拦截请求添加token
// 添加请求拦截器原创 2021-12-13 23:46:23 · 1643 阅读 · 0 评论 -
elementul form表单追加验证
<template> <div> <el-form> <el-form-item class="form-item col10" prop="xiangouShezhi" label="限购设置:" label-width="100px" > <el-radio-group class="col5" v-model="formData.xiangouShezhi" :disabled="isDisabled()"原创 2022-04-27 09:47:55 · 169 阅读 · 0 评论 -
vue 前端跨域代理 / 封装api
1.封装好的接口 创建api文件//对于axios进行二次封装import axios from "axios";//底下的代码也是创建axios实例let requests = axios.create({ //基础路径 baseURL: "/api", //请求不能超过5S timeout: 5000,});export default requests;2.代理配置,创建vue.config.js//当请求的接口带有/api代理服务就会寻找真实服务要数据modu原创 2021-12-03 18:23:49 · 974 阅读 · 0 评论 -
Vue.set()和this.$set()介绍
Vue.set()和this.$set()介绍在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}mounted原创 2021-12-03 18:53:24 · 653 阅读 · 0 评论 -
mescroll-vue下拉上拉刷新的使用
1. 执行npm命令安装mescrollnpm install --save mescroll.js2. 引入mescroll组件import MescrollVue from 'mescroll.js/mescroll.vue'3.注册组件components: { MescrollVue },4. 页面示例代码<template> <div> <!-- 这个是不带tab切换的xaila上拉刷新--> <!--原创 2021-11-19 15:08:49 · 2048 阅读 · 0 评论 -
lodash实现防抖与节流
npm下载$ npm i --save lodashimport _ from "lodash";节流:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,吧频繁 触发变为少量出发 changeIndex: _.throttle(function(index) { //操作的内容 this.index++ //点击+1两秒后挥执行一个 }, 2000),防抖:前面的所有的触发都被取消,最后一次执行在规定的时间才会触发,页就是说如果连续原创 2021-12-05 12:04:43 · 610 阅读 · 0 评论 -
@femessage/upload-to-ali 上传图片
1.安装 yarn add @femessage/upload-to-ali 2.配置vue.config.js const Dotenv = require('dotenv-webpack') module.exports = { configureWebpack: { plugins: [new Dotenv()] } }3. 4.代码演示<template> <div> <UploadToAli @loaded=.原创 2022-05-14 21:56:16 · 243 阅读 · 0 评论 -
mescroll.js 的下拉刷新和上拉加载 tab切换
1. 执行npm命令安装mescroll : npm install --save mescroll.js2. 引入mescroll组件 : import MescrollVue from 'mescroll.js/mescroll.vue’<template> <div> <nav-bar /> <demo-section> //全引入Vant-Ul组件 才能使用van-tabs <van-tabs原创 2021-12-03 19:07:26 · 689 阅读 · 0 评论 -
使用lodash.cloneDeep实现深拷贝
安装npm i --save lodash//将使用的lodash引入使用的组件中 import _ from 'lodash'//使用_.cloneDeep深拷贝(变量) const from = _.cloneDeep(this.addForm)原创 2021-10-01 21:58:53 · 685 阅读 · 0 评论