web的博客

https://www.niwoxuexi.com/blog/user/103

  • vue基本使用--refs获取组件或元素

    vue基本使用--refs获取组件或元素说明:vm.$refs 一个对象,持有已注册过 ref 的所有子组件(或HTML元素)使用:在 HTML元素 中,添加ref属性,然后在JS中通过vm.$refs.属性来获取注意:如果获取的是一个子组件,那么通过ref就能获取到子组件中的data和methods添加ref属性<div id="app"> <h1 ref="h1El ...

    • 更新时间: 2022-10-25 01:48
    753浏览
    0推荐
    0评论
  • vue的ref属性获取/设置标签的样式

    vue的ref属性获取/设置标签的样式1. 获取标签的宽高:this.$refs.image.clientHeight/clientWidth。2. 设置标签的宽高:this.$refs.content.$el.style.top="12px"<div > <div ref="image" class="image"></div> <d ...

    • 更新时间: 2022-10-25 01:46
    1437浏览
    0推荐
    0评论
  • wx.navigateBack() 携带参数返回

    wx.navigateBack() 携带参数返回思路是,获取上一个页面对象,然后setData()let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[ pages.length - 2 ]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面,- ...

    • 更新时间: 2022-10-25 01:44
    583浏览
    0推荐
    0评论
  • uniapp的uni.navigateBack返回页面带参数

    uniapp的uni.navigateBack返回页面带参数let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = pages[ pages.length - 2 ]; //上一页页面实例 prevPage.$vm.sear ...

    • 更新时间: 2022-10-25 01:39
    1612浏览
    0推荐
    0评论
  • 前端Vue使用ali-oss实现文件上传到oss

    前端使用ali-oss实现文件上传到oss项目地址:ali-oss1,安装依赖 npm install ali-oss --save 2,创建自己的ossClient.jsconst OSS = require('ali-oss'); export default function Client(data='custom-data') { // console.log('bucket ...

    • 更新时间: 2022-04-14 01:12
    2396浏览
    0推荐
    0评论
  • MAC安装redis的简单方法

    一、安装命令使用mac的包管理工具brew一行命令搞定安装。若未安装brew,命令行先输入以下命令安装brew。/bin/bash -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"安装redisbrew install redis@6.2 #后面@接版本号可指定版本二、使用redis的常用命令 ...

    • 更新时间: 2022-04-13 03:38
    1058浏览
    0推荐
    0评论
  • vue validateField方法对部分表单字段进行校验

    例子:如下图所示,在注册功能中,点击“获取验证码”按钮的时候,对手机号输入和随机验证码输入进行正确性校验vue对部分字段进行验证,1,对一个字段phone验证 this.$refs[formName].validateField('phone', (phoneValid) => { if (!phoneValid) { // 处理逻辑 ...

    • 更新时间: 2022-04-12 10:42
    6706浏览
    0推荐
    0评论
  • vue的history模式下刷新当前页面404解决

    vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。const router = new VueRouter({ mode: 'h ...

    • 更新时间: 2022-04-12 09:47
    921浏览
    0推荐
    0评论
  • 怎么将vue项目中地址上的#号去掉

    这种写法的优点是不用后端配置任何东西,在上传到服务器后也不会出现屏幕空白和404的情况router代码const router = new Router({ mode: 'history', routes: [......] }) <template> <div id="app"> <router-vie ...

    • 更新时间: 2022-04-12 09:45
    754浏览
    0推荐
    0评论
  • 怎么将vue项目中地址上的#号去掉

    这种写法的优点是不用后端配置任何东西,在上传到服务器后也不会出现屏幕空白和404的情况router代码const router = new Router({ mode: 'history', routes: [......] }) <template> <div id="app"> <router-view ...

    • 更新时间: 2022-04-12 09:40
    982浏览
    0推荐
    0评论
  • 解决!!前端项目打包后生成的chunk-vendors文件过大,导致加载太慢

    话不多说,直接使用插件解决这个问题!第一步:先下载这个插件npm install --save-dev compression-webpack-plugin 第二步:修改vue.config.js配置文件,如果没有vue.config.js,在根目录自己创建一个,下面是配置文件的代码const path = require('path'); const webpack = require( ...

    • 更新时间: 2022-03-25 04:28
    3733浏览
    0推荐
    0评论
  • rem是什么,如何使用

    使用rem很长时间了,一直想好好总结一下,迟迟没有写,太懒大家都懂。。。 当然还有一个原因不会写总结。在总结rem之前先说一下,之前是怎么解决移动端布局的。百分比布局宽度还好说 屏幕宽度100%,各个板块按照计算的比例各种xx%但是高度就不行了没有参照物,图片还好说,背景图、字体大小就呵呵了。只能做到大概。固宽320px这种方案简单粗爆,以px为单位该是多少就是多少。但是当手机分辨率越高,两边留白 ...

    • 更新时间: 2021-03-04 08:23
    2204浏览
    0推荐
    0评论
  • git 查看当前仓库地址以及设置新的仓库地址

    git 查看当前仓库地址以及设置新的仓库地址1.查看当前仓库地址git remote show origin2.设置新的仓库地址git remote set-url origin git@xxxxxxxxxx.git ...

    • 更新时间: 2021-01-21 03:50
    2255浏览
    0推荐
    0评论
  • 微信小程序 - 点击事件与长按事件共存且不冲突(用户可长按可点击)

    前言对于同一控件同时设置bindtap和bindlongtap,会发现长按时先出现bindlongtap的事件,然后触发点击事件,显然这不是我们想要的。下面是个已实现功能的实例,请根据业务逻辑进行修改。wxml<!--此处更换为你的触发组件--> <button bindtouchstart="handleTouchStart" bindtouche ...

    • 更新时间: 2020-09-19 02:46
    2287浏览
    0推荐
    0评论
  • 获取短信验证码倒计时,非常简单

    Html5注册页面获取验证码倒计时,以及其他的定时器案例<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name='viewport' content='width=device-width,minimum-scale=1.0 maxim ...

    • 更新时间: 2019-12-06 12:09
    1645浏览
    0推荐
    0评论