vue
关注
分享
扫一扫
小野又在卷了
这个作者很懒，什么都没留下…
展开
-
element 多文件上传完整过程以及多个文件上传中取消功能
【代码】element 多文件上传完整过程以及多个文件上传中取消功能。原创 2023-06-08 18:05:00 · 2324 阅读 · 0 评论 -
vue中axios配置文件最新版
【代码】vue中axios配置文件最新版。原创 2023-06-08 18:00:42 · 433 阅读 · 0 评论 -
nextTick 的使用和原理（面试题）
nextTick原理面试题原创 2023-02-17 17:41:57 · 1603 阅读 · 0 评论 -
el-menu实现左侧菜单栏(vue2,vue3)
el-menu实现左侧菜单栏原创 2023-01-05 15:33:04 · 4497 阅读 · 0 评论 -
项目中用到的一些公共样式css
【代码】项目中用到的一些公共样式css。原创 2023-01-05 11:26:23 · 221 阅读 · 0 评论 -
关于生命周期的面试题vue
生命周期原创 2022-11-24 15:02:47 · 236 阅读 · 0 评论 -
vue中$nextTick()讲解操作--面试题
$nextTick()面试题和原理原创 2022-11-21 17:50:59 · 1193 阅读 · 0 评论 -
vue组件传值-详细代码版
Vue数据传递关系：父亲、孩子1.$emit / props / v-model父传子 propsFather.vue<template> <div> <h1>家庭资产：{{ fatherM }}</h1> <Child :fatherM="fatherM" /> </div></template><script>import Child fro原创 2022-01-11 17:02:26 · 369 阅读 · 0 评论 -
vue源码之数据双向绑定
实现思路数据 -> 响应式的数据 Object.defineProperty Proxyinput -> input/keyup -> 事件处理函数的绑定 -> 改变数据相关的DOM -> 数据 => 绑定在一起操作数据的某个属性 -> 对应DOM就改变首先建一个html页面<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8".原创 2022-01-07 17:16:29 · 804 阅读 · 0 评论 -
JS-防抖和节流
现实中使用场景也挺多，比如搜索框，滚动条，及时保存…使用防抖和节流可以优化性能防抖(debounce)首先以搜索框为例：为了防止接口频繁调用，如果在规定时间内没有再次触发事件，就执行函数；如果规定时间内再次触发，那么当前计时取消，重新开始计时。效果：如果短时间内大量触发同一个事件，只会执行一次函数<template> <div class="about"> <el-autocomplete v-model="state" :fetch-su.原创 2021-12-02 17:23:19 · 529 阅读 · 0 评论 -
富文本每30秒保存一次(根据内容修改来调动接口）
富文本每30秒保存一次(根据内容修改来调动接口）需求：监听富文本内容的变化， 有改变就触发事件方法：采用节流来控制定时器1. 首先封装一个 throttle.jsexport function throttle(fn, delay) { //节流 let canRun = true; // 通过闭包保存一个标记 return function() { if (!canRun) return; // 在函数开头判断标记是否为true，不为true则return canRun = f原创 2021-10-21 16:19:28 · 227 阅读 · 0 评论 -
vue+vant适配移动端REM
第一步：下载 npm i -S amfe-flexible第二步：在main.js里面引入 import ‘amfe-flexible’第三步：下载 npm install postcss postcss-pxtorem --save-dev第四步：在根目录新建一个 postcss.config.js 文件第五步：导入// postcss.config.jsmodule.exports = { plugins: { 'postcss-pxtorem': { rootVa原创 2021-07-12 14:45:58 · 213 阅读 · 0 评论 -
vue组件传值的十种方式
vue组件传值的十种方式一、props父传子子组件// 第一种数组方式props: [xxx, xxx, xxx]// 第二种对象方式props: { xxx: Number, xxx: String}// 第三种对象嵌套对象方式//第三种对象默认支持 4 种属性，并且都是非必填的。可以随意使用props: { xxx: { //类型不匹配会警告 type: Number, default: 0, require原创 2021-05-26 16:37:14 · 1869 阅读 · 0 评论 -
vue-router完整的导航解析流程
vue-router完整的导航解析流程超链接跳转到具体页面转载 2021-04-29 14:49:45 · 204 阅读 · 0 评论 -
Vue 的父组件和子组件生命周期钩子执行顺序是什么
面试题：Vue 的父组件和子组件生命周期钩子执行顺序是什么加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated父组件更新过程父beforeUpdate->父up原创 2021-04-29 14:24:43 · 166 阅读 · 0 评论 -
element input历史查询(模糊查询)以及防抖处理
element input历史查询(模糊查询)html<template> <div> <el-autocomplete v-model="item.tp004" :fetch-suggestions="querySearch" placeholder="请输入证件号码" @select="handl原创 2021-04-14 10:09:23 · 1031 阅读 · 0 评论 -
vue+axios拦截器配置
vue+axios拦截器配置import axios from "axios";import QS from "qs";// import store from '../store/index'import { Message } from "element-ui";import router from "../router/index";// 环境的切换// if (process.env.NODE_ENV == 'development') {// axios.defaults原创 2021-04-14 09:57:46 · 226 阅读 · 0 评论 -
vue+rem自适应pc端屏幕分辨率(rem适配)
vue+rem自适应pc端屏幕分辨率(rem适配)前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以不要写内联样式第一步，安装postcss-px2rem及px2rem-loadernpm install postcss-px2rem px2rem-loader --save第二步，在根目录src中新建util目录下新建rem.js等比适配文件// rem等比适配配置文件// 基准大小const baseSiz原创 2021-04-14 09:53:48 · 7752 阅读 · 1 评论 -
vue项目打包 发现首页打不开或空白页面
vue项目打包 发现首页打不开首先我们打包成功之后会出现一个dist文件错误版(这样子首页打开就是空白的！！！）接下来我们先建一个vue.config.js在根目录vue.config.jsmodule.exports = { lintOnSave: true, publicPath: './', outputDir: 'dist', assetsDir: 'static'}删掉之前的错误dist，重新打包，就ok了~~~...原创 2020-11-01 16:20:06 · 2229 阅读 · 1 评论