随笔分类 - Vue
摘要：this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变
阅读全文
摘要：总结下svg-sprite-loader的使用以及配置过程中遇到的不懂的地方 创建svgIcon组件 <template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName"
阅读全文
摘要：Vue2.x 使用 EventBus 进行组件通信，而 Vue3.x 推荐使用 mitt.js。 比起 Vue 实例上的 EventBus，mitt.js 好在哪里呢？首先它足够小，仅有200bytes，其次支持全部事件的监听和批量移除，它还不依赖 Vue 实例，所以可以跨框架使用，React 或者
阅读全文
摘要：1、路由传值 this.$router.push() （1） 想要导航到不同的URL，使用router.push()方法，这个方法会向history栈添加一个新纪录，所以，当用户点击浏览器后退按钮时，会回到之前的URL （2）当点击 <router-link> 时，这个方法会在内部调用，即点击 <r
阅读全文
摘要：SVG专栏收录该内容订阅专栏一、关于SVG.jsSVG.js是一个基于SVG的开源JS库，支持操作 SVG 和执行 SVG 动画。真的很好用！(在实际项目场景中，使用SVG.js很便利友好) github仓库官方文档本文Demo源码二、安装// npmnpm install @svgdotjs/sv
阅读全文
摘要：Vue订阅专栏GET http://localhost:9080/__webpack_hmr net::ERR_ABORTED解决方案使用版本解决方案解决总结使用版本以下是我解决此问题时使用的electron和vue等的一些版本信息 【附】经过测试 electron 的版本为 13.1.4 时也能解
阅读全文
摘要：1.安装sass的依赖包 npm install --save-dev sass-loader （若出错，因为sass-loader版本过高导致，可以将其package.json中的版本改为7.3.1，然后再重新安装sass-loader包，若是还过高，则重装6.x,cnpm i sass-load
阅读全文
摘要：2021 FinTechathon 微众银行第三届金融科技高校技术大赛在用脚手架搭建vue项目时，提示：无法加载文件 C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本 这是你笔记本禁止运行脚本，解决办法 1.管理员身份打开 2 3.输
阅读全文
摘要：一、问题描述 创建Vue项目vue init webpack demo 提示“无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称” 二、解决方法 1、首先确认是否安装了脚手架vue-cli，没有的话，先进行安装 1 npm install vue-cli -g 2、使用命令np
阅读全文
摘要：首先我们用vue-cli新建项目。全局安装vue-cli npm install -g vue-cli 创建一个名字为demo的项目。 vue init webpack demo 结果报错了，错误如下： 在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node
阅读全文
摘要：Error: Can't find Python executable "python", you can set the PYTHON env variable 截图如下： 解决办法： 1、安装windows-build-tools npm install --global --productio
阅读全文
摘要：计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中
阅读全文
摘要：一、 <li v-for="(chatting,index) in item" :key="index" :class="{'user_right':chatting.user_id}"> 判断chatting中是否有user_id，如果有就追加user_right类名 二、 <p :class="
阅读全文
摘要：1.vue模块采用el-dialog样式做修改 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!-- 滑动验证码模块 --> <el-dialog :show-close="false" :cl
阅读全文
摘要：<template> <div class="container-box" style="display:flex;justify-content:space-between;min-height:100%;"> <div class="image-container" style="flex:1;
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ
阅读全文
摘要：完整项目地址：vue-element-admin 系列文章： 手摸手，带你用 vue 撸后台 系列一（基础篇） 手摸手，带你用 vue 撸后台 系列二(登录权限篇) 手摸手，带你用 vue 撸后台 系列三 (实战篇) 手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)
阅读全文
摘要：手摸手，带你用vue撸后台 系列一（基础篇） 完整项目地址：vue-element-admin 系列文章： 手摸手，带你用 vue 撸后台 系列一（基础篇） 手摸手，带你用 vue 撸后台 系列二(登录权限篇) 手摸手，带你用 vue 撸后台 系列三 (实战篇) 手摸手，带你用 vue 撸后台 系列
阅读全文
摘要：vuex进阶 一、state 1.1 引入vuex 以后，我们需要在state中定义变量，类似于vue中的data，通过state来存放状态 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new
阅读全文
摘要：直接上代码： router.afterEach((to,from)=>{ if(from.path != '/login' && from.path != '/' && to.path == '/login'){ window.location.reload(); }})写个全局后置的钩子就行了，因
阅读全文
浙公网安备 33010602011771号