- 博客(12)
- 收藏
- 关注
原创 vue 项目中当页面滚动到一定高度时触发某种事件
vue 项目中当页面滚动到一定高度时触发某种事件1.在data中定义初始化数据 data() { return { scrollTopNum: "",//页面滚动的高度 tabshow: false,//是否进行某种操作 }; },2.在生命周期中添加滚动事件 mounted() { window.addEventListener("scroll", this.handleScroll, true); },3.获取页面滚动的高度
2021-02-25 11:14:07 1351
原创 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 837
原创 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 578
原创 去除数组中的空字符串
去除数组中的空字符串 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 1470
原创 h5项目解决苹果手机iOS系统字体放大问题
h5项目解决苹果手机iOS系统字体放大问题: -webkit-text-size-adjust: none;
2021-02-23 17:12:37 1397
原创 用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 1560 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 303
原创 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 266
原创 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 516
原创 使用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 1319
原创 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 164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人