- 博客(12)
- 收藏
- 关注
RSS订阅
原创 vue 项目中当页面滚动到一定高度时触发某种事件
vue 项目中当页面滚动到一定高度时触发某种事件1.在data中定义初始化数据 data() { return { scrollTopNum: "",//页面滚动的高度 tabshow: false,//是否进行某种操作 }; },2.在生命周期中添加滚动事件 mounted() { window.addEventListener("scroll", this.handleScroll, true); },3.获取页面滚动的高度
2021-02-25 11:14:07
1307
原创 vue 项目中时间的一些处理方法
标题1.把时间戳转化成相应的日期 filters: { timeFiter: function (value) { let temp = value * 1000; var data = new Date(temp); var year = data.getFullYear(); var month = data.getMonth() + 1; var day = data.getDay(); return year +
2021-02-24 16:38:19
791
原创 vue 项目中利用文本过滤器实现判断一个日期距指定日期还有多少天
vue 项目中利用文本过滤器实现判断一个日期距指定日期还有多少天(以判断优惠券是否过期为例)1.传入文本日期类型2021年2月24日(20210224) filters: { // 判断距今的日期 dateDiff(sDate1) { let a = sDate1.substring(0, 4); let b = sDate1.substring(4, 6); let c = sDate1.substring(6, 8); let z =
2021-02-24 16:17:24
560
原创 去除数组中的空字符串
去除数组中的空字符串 this.historyKeywords = ["1","","","3","2",""]; console.log("this.historyKeywords",this.historyKeywords)// ["1","","","3","2",""] for (var i = 0; i < this.historyKeywords.length; i++) { if ( this.hi
2021-02-24 10:17:13
1454
原创 h5项目解决苹果手机iOS系统字体放大问题
h5项目解决苹果手机iOS系统字体放大问题: -webkit-text-size-adjust: none;
2021-02-23 17:12:37
1325
原创 用input以及防抖函数实现搜索功能
1.什么是防抖:(1.)防抖，顾名思义，防止抖动，以免把一次事件误认为多次，敲键盘就是一个每天都会接触到的防抖操作。(2.)触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。(3.)把高频事件转变成低频事件,从而提高项目性能,提高用户的体验。2.具体实现:1.首先要在js文件中配置一个函数;export default function debounce1(fn, delay) { let t = null; return function (.
2021-02-23 10:53:41
1530
1
原创 2020-11-03在vue项目中利用计算属性和监听属性同时监听多条数据(登录时身份验证)
实现在vue中同时监听多条数据<template> <!-- 手机号 --> <my-input onpaste="return false" type="tel" v-model="mobile" clearable :left-icon="leftIcon" :placeholder=" active == 1
2020-11-03 16:34:34
291
原创 2020-8-13数组属性与用法
数组属性与用法一、基本用法1.数组创建Array.of()将参数中所有值作为元素形成数组。console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4]// 参数值可为不同类型console.log(Array.of(1, '2', true)); // [1, '2', true]// 参数为空时返回空数组console.log(Array.of()); // []2.Array.from()将类数组对象或可迭代对象转化为数组。// 参数为数
2020-08-13 23:30:28
256
原创 vue h5项目页面滑块实现
vue h5项目页面滑块实现1.template部分<template> <div class="about"> <h1>This is an about page</h1> <!-- 浮窗 --> <div id="webId"> <div class="xuanfu" ref="moveDiv" @mousedown="down()"
2021-08-18 17:42:17
470
原创 使用vue-video-player完成h5项目的视频播放
使用vue-video-player完成h5项目的视频播放1.引入video.js组件npm install video.jsnpm install vue-video-player2.在页面中引入并注册组件<script>import { videoPlayer } from "vue-video-player";import "video.js/dist/video-js.css";export default { name: "Home", components:
2021-08-18 17:28:21
1268
原创 vue less 的基本使用步骤
vue less 的基本使用步骤1.npm安装npm install less less-loader --save2.在组件中引入在style标签写上 lang=“less”<style lang="less" scoped></style>3.当运行时，出现报错，有可能是less-loader版本过高导致的，解决办法如下：npm uni less less-loadernpm i less less-loader@4.1.0 --save-dev...
2021-08-18 17:08:55
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人