你我学习网 你我学习网

登录 注册

web的博客

https://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
    1046浏览
    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
    1959浏览
    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
    821浏览
    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
    1949浏览
    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
    2759浏览
    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
    1400浏览
    0推荐
    0评论

  • vue validateField方法对部分表单字段进行校验

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

    • 更新时间: 2022-04-12 10:42
    7355浏览
    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
    1206浏览
    0推荐
    0评论

  • 怎么将vue项目中地址上的#号去掉

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

    • 更新时间: 2022-04-12 09:45
    1038浏览
    0推荐
    0评论

  • 怎么将vue项目中地址上的#号去掉

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

    • 更新时间: 2022-04-12 09:40
    1282浏览
    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
    4434浏览
    0推荐
    0评论

  • rem是什么，如何使用

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

    • 更新时间: 2021-03-04 08:23
    2554浏览
    0推荐
    0评论

  • git 查看当前仓库地址以及设置新的仓库地址

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

    • 更新时间: 2021-01-21 03:50
    2589浏览
    0推荐
    0评论

  • 微信小程序 - 点击事件与长按事件共存且不冲突（用户可长按可点击）

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

    • 更新时间: 2020-09-19 02:46
    3023浏览
    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
    1874浏览
    0推荐
    0评论
写文章

web

Web前端工程师
150 篇博客 385787 次访问

更多