vue
雨化
前端码农
展开
-
lodash节流throttle、防抖debounce
节流防抖原理和lodash使用原创 2023-09-19 17:47:02 · 650 阅读 · 0 评论 -
vue input只能输入两位小数
vue input只能输入两位小数。原创 2023-01-31 17:10:14 · 314 阅读 · 0 评论 -
vue,uniapp,vue3+vite项目配置h5跨域解决
首先发起的请求应该是本地发起的服务ip的地址然后借由proxy将本地服务反向代理到正确的域名地址上原创 2021-12-24 15:53:23 · 1545 阅读 · 0 评论 -
uniapp,vue的cavans飘落效果
首先效果图。后补代码onShow () { this.createStar() }, mothods{ createStar () { const that = this; let { requestAnimationFrame, canvansShow } = this; function Star (x, y, radius) { this.x = x this.y = y this.sx = 0 this.sy = 0 this.deg = 0 this.radius = radius thi原创 2021-01-25 15:34:18 · 1415 阅读 · 8 评论 -
videojs在html和vue中播放m3u8
在html中使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>videoJs</title> <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet"> <script src='https://vjs.zencdn.ne原创 2020-08-25 19:01:03 · 1084 阅读 · 0 评论 -
vue中路由跳转不计入history的方法
<van-field label="选择部门" :value="arr.DepartMentName" readonly right-icon="arrow" @click="$router.replace({ name: 'tree' })" />在下个页面使用replace跳回来即可...原创 2020-03-05 14:49:52 · 2285 阅读 · 0 评论 -
vant中tab使用组件,并且手势滑动
因为要使用tab页切换组件,只能使用name匹配而vant中的tab手势滑动又必须是索引值才生效一直以为:鱼与熊掌不能兼得,直到今天!!!( ̄︶ ̄)↗ 以前的代码<van-tabs v-model="tabName" swipeable title-active-color="#0084FF" color="#0084FF"> <van-tab name="...原创 2020-02-27 16:13:18 · 8110 阅读 · 2 评论 -
vue遍历数组对象控制其下一个组件显示的问题
耗费了一上午的功夫。功能还不能尽善尽美,重点bug太明显严重影响用户体验、大佬一眼看出来问题在哪并给出解决方案。菜鸟成神的路还很长,掀桌ヽ(`Д´)ノ︵ ┻━┻ ┻━┻记录一下这个思路发生背景是:实时聊天控制一个audio标签播放语音。在每一条语音记录上显示加载语音的动画。而且只有点击的当条语音播放按钮才会显示加载动画。原想法:在加载组件上面设置一个标志位同时判断是否是当前点击的。...原创 2019-12-27 15:59:13 · 609 阅读 · 2 评论 -
vue中平滑地回到顶部,回到底部
监听的滚动条需要平稳滑动,所以设置几个值,一个定时器。一个定义的scrollTop,方便后续操作data(){ scrollTop: 0, timer: null, scrollBottom: 0, timers: null, // 回到底部的,距离底部的scrolltop bottomHeight: 0}首先像大多数一样。可以在挂载的时...原创 2019-12-24 15:15:39 · 2086 阅读 · 0 评论 -
vue项目使用websocket
封装的webSocket.js重要:可以直接食用 O(∩_∩)O~import store from "../store";import { socketUrl } from "./global_variable";let socket;// 是否已连接let state = 0;export function closeLink() { socket.close(...原创 2019-11-30 17:39:31 · 539 阅读 · 0 评论 -
vue中标签拼接动态属性值, 在js文件中使用vuex
vue中html中标签·属性值的拼接<van-field v-model="value" :placeholder="'请输入' + title" :clearable="true" />js代码data() { return { title: this.$route.query.sort, value: '', }; }...原创 2019-11-21 16:41:52 · 839 阅读 · 0 评论 -
vant中自定义文件上传+js自定义上传(点击区域上传并预览)
<van-uploader multiple v-model="fileList" accept=image/jpeg :max-count="1" :after-read="afterRead" ref="selectfile" />data(){ return{...原创 2019-11-01 22:26:05 · 13985 阅读 · 11 评论