
vue.js
ctf_0226
这个作者很懒,什么都没留下…
展开
-
el-table表格无缝滚动,鼠标进入可悬停
【代码】el-table表格无缝滚动,鼠标进入可悬停。原创 2023-03-16 09:37:00 · 581 阅读 · 0 评论 -
reduce()方法详解
reduce()方法详解原创 2023-01-13 17:47:18 · 199 阅读 · 0 评论 -
解决vue项目切换页面滚动条保持在切换之前位置,并且body的scrollTop=0
解决vue项目切换页面滚动条保持在切换之前位置,并且body的scrollTop=0原创 2022-07-19 16:22:02 · 554 阅读 · 0 评论 -
axios二次封装具有请求/响应拦截的http请求
import axios from 'axios'import qs from 'qs'// 请求拦截axios.interceptors.request.use(config => { // 此处可以封装一些加载状态 return config}, error => { return Promise.reject(error)})// 响应拦截axios.interceptors.response.use(response => { return re.原创 2021-01-06 14:31:01 · 95 阅读 · 0 评论 -
防抖和节流
防抖(debounce)function debounce(fn,delay){ let timer = null return function() { if(timer){ clearTimeout(timer) } timer = setTimeout(fn,delay) // 简化写法 }}// 然后是旧代码function showTop () { var scrollTo原创 2021-01-05 11:05:43 · 57 阅读 · 0 评论 -
js将一个数组彻底打乱排序
方法一:let x = [1, 2, 3, 4, 5];function shuffle(arr) { var length = arr.length, randomIndex, temp; while (length) { randomIndex = Math.floor(Math.random() * (length--)); temp ...原创 2020-02-19 13:07:34 · 250 阅读 · 0 评论 -
input“输入框”常见问题及解决方法
1. ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱:当页input存在于吸顶或者吸底元素中时,用户点击输入框,输入法弹出后,fiexd失效,页面中定位好的元素随屏幕滚动。针对这个问题,我们一起来看下以下几种方案:方案一: Web API 接口 :scrollIntoView的应用,将input输入框显示在可视区域。1 // 输入框获得焦点时,元素移动到...原创 2019-12-23 09:16:47 · 2455 阅读 · 0 评论 -
vue路由history模式刷新页面出现404问题
vue hash模式下,URL中存在'#',用'history'模式就能解决这个问题。但是history模式会出现刷新页面后,页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一:location /{ root /data/nginx/html; index index.html index.htm; if (!-e $r...原创 2019-12-03 16:04:54 · 355 阅读 · 0 评论 -
vue-cli 打包出来的项目,scss,less样式里面的背景图无法显示,路径不正确
解决方式:找到项目中的build/utils.js文件,找到如下代码: if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader' }) } else { re...原创 2019-11-11 16:03:26 · 376 阅读 · 0 评论 -
JS 日期比较
Js 日期比较方法第一种方式function compareDate(s1,s2){ return ((new Date(s1.replace(/-/g,"\/")))>(new Date(s2.replace(/-/g,"\/"))));}第二种方式var curTime = new Date();//把字符串格式转化为日期类var starttime ...原创 2019-09-16 10:42:22 · 216 阅读 · 0 评论 -
VUE前后分离调起微信支付
第一步 :VUE 需要安装 微信支付模块npm install weixin-js-sdk//加入需要引入的模块import wx from "weixin-js-sdk";第二步 封装 微信支付方法wexinPay(data, cb, errorCb) { //获取后台传入的数据 let appId = data.appId; let timestamp = data...原创 2019-08-27 16:22:27 · 1195 阅读 · 0 评论 -
使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题
我们先修改一下页面内容 src\components\Hello.vue<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>{{ author }}</h2> </div></templa转载 2018-07-30 17:30:35 · 558 阅读 · 0 评论 -
Vue 开发环境搭建步骤
1.安装node.js2.利用淘宝npm镜像安装相关依赖 npm install -g cnpm --registry=https://registry.npm.taobao.org3. 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架 在cmd里 1)输入:cnpm install -g vue-cli,回车,等待安装... 2).输入:v...转载 2018-07-05 16:06:57 · 305 阅读 · 0 评论