随笔分类 - web前端
摘要：一、.sync修饰符的作用 Vue中的数据是单向数据流：父级 prop 的更新会向下流动到子组件中，但是反过来则不行，即子组件无法直接修改父组件中的数据。 但我们常常会遇到需要在子组件中修改父组件数据的场景。.sync修饰符就可以帮助我们实现这种功能。 .sync 修饰符 this.$emit('u
阅读全文
摘要：一、简单示例 1、在index.html中引入 需要和服务器中的版本一致 <script src="/Scripts/jquery-3.3.1.min.js"></script> <script src="/Scripts/jquery.signalR-2.2.2.min.js"></script>
阅读全文
摘要：一、vue-router的hash模式和history模式的区别 路由模块的本质就是建立起url和页面之间的映射关系。 hash和history改变URL的同时不会重新加载页面和发送请求。 hash hash —— 即地址栏 URL 中的 # 符号。比如这个 URL：http://www.abc.c
阅读全文
摘要：1、运行vue 项目后出现错误 http://localhost:2001/sockjs-node/info?t=1597628862842 出现问题原因： sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器
阅读全文
摘要：一、问题 git上传的时候，我们已经将 xxx 文件添加到了.gitignore 中，但是在push 后，远程仓库还是会显示此文件。 二、原因 xxx 文件在前面已经被 git 跟踪，在这之后再添加到 .gitignore 中是无效的。 三、解决方法 git rm -r --cached 文件/文件
阅读全文
摘要：一、介绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理的时候是不需要添加npm包的。 二、
阅读全文
摘要：mounted() { // 生成一个audio元素 let audio = document.createElement("audio"); audio.src = 'http://m10.music.126.net/20210927170115/c147e881226bf33f12aab3cfc
阅读全文
摘要：1、出现问题bug: el-cascader控件，最后一级出现空白 暂无数据 2、问题原因分析 经过调试分析出现空级联原因是：由于数据是从后台传递过来的，当后端的哥们使用递归算出菜单，然后转换成json传递到前端的时候。就会出现 最底层 的子项中 的 children 为空数组，这样就会造成，空级联
阅读全文
摘要：介绍 一个“包装”了UEditor的Vue组件，支持通过v-model来绑定文本富编辑器的内容，UEditor的使用简单到像输入框一样。省去初始化UEditor、手动调用getContent，setContent等繁简的步骤。 快速上手 1.安装组件 # vue-ueditor-wrap v3 仅支
阅读全文
摘要：一、问题描述 通常我们的需求是改变 select 的选项才会触发 change 事件，但是意料之外，页面初始化的时候也会触发 change 事件。 二、应用场景 进编辑页初始化的时候对select赋值，又会触发change事件。 期望： 进入编辑页初始化赋值时不触发change，手动选择select
阅读全文
摘要：async 的语法 1、它作为一个关键字放在函数前面，用于表示函数是一个异步函数，因为async就是异步的异步，异步函数也就是意味着这个函数的执行不会阻塞后面代码的执行。简单的写一个async函数： async function timeout(){ return 'hello world'; }
阅读全文
摘要：一、概览 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 疑问 DOM 更新循环是指什么？ 下次更新循环是什么时候？ 修改数据之后使用，是加快了数据更新进度吗？ 在什么情况下要用到？ 二、原理 1、异步说明 Vue 实现响应式并不是数据发
阅读全文
摘要：闪动问题复现 在上传之后总是发现有闪动的现象，对其进行深入研究后发现，其闪动原因，是因为使用的file-list并不会自动添加上传了的图片，而需要由我们来人工来添加，而添加则必须使用on-success事件中自带的参数去做赋值操作。 可以看到，图片上传成功后，图片会有一个先向右，然后停顿片刻摆着位置
阅读全文
摘要：findIndex() find() filter() some() every() map() forEach()
阅读全文
摘要：watch的作用可以监控一个值的变换，并调用因为变化需要执行的方法。可以通过watch动态改变关联的状态。 一、基本使用 1. 变量监听 <input type="text" v-model="name" /> {{watchName}} export default { data () { ret
阅读全文
摘要：package-lock.json的作用 用一句话来概括很简单，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。 根据官方文档，这个package-lock.json 是在 `npm install`时候生成一份文件，用以记录当前状态下实
阅读全文
摘要：一、定义全局过滤器 1、src下新建文件夹utils,下面新建filter.js import Vue from 'vue' // 个人中心-支付状态 Vue.filter('paymentMethod', value => { switch (value) { case 1: return '微信
阅读全文
摘要：浏览器自动填充的功能在登录的时候挺好用的，但是在用户注册或管理的时候就不需要再自动填充了； 普通的form表单内的input设置autoComplete="off"就可以了。 <input type="password" autoComplete="off"/> 但是在element UI里面设置a
阅读全文
摘要：<template> <el-image v-for="(item,index) in imgArr" :key="index" :src="item" :preview-src-list="getPreviewImgList(index,imgArr)" style="width: 100px;h
阅读全文
摘要：前言 随着版本的更新Element UI新增了新的组件，例如：Image，这是官方文档中有写的 但我的需求并不是展示图片后再点击图片打开大图浏览，需求可能是一个文字，点击后查看大图，但又不想引入其他npm插件，例如这样： 使用方法 通过翻看Image组件源码，发现大图预览是一个小组件el-image
阅读全文
