MFWSCQ的博客

监听 el-select 的change 事件，当事件改编的时候调用 this.$confirm 做某些确认事情，当点击取消和确认后 confirm 的弹窗关闭，但是 el-select 会重新聚焦，下拉框会重新弹出，导致需要重新点一下界面空白才会收起。手动调用 el-select 的 blur 方法。

propList: 当有些属性的单位我们不希望转换的时候，可以添加在数组后面，并在前面加上!号，如 propList: [“*”,“!letter-spacing”],这表示：所有 css 属性的属性的单位都进行转化，除了 letter-spacing 的。移动端开发的时候我们通常需要进行适配，比如设计图宽度是 750px 我们为了适应不同的设备，需要将我们设计图上的 px 转为 视口单位 vw。这里我们采用 postcss-px-to-viewport。新建 postcss.config.js。

el-menu el-collapse左右滚动联动

el-menu箭头改为右下

前端控制分页自增长

elementui

在vue中使用 svg 有两种方式：1、使用本地的svg2、把本地的 svg 上传到 iconfont中，统一去色生成 symbol 格式的文件引入一、要使用 svg 先安装对应的 loadernpm install svg-sprite-loader然后在 vue.config.js 里面对 .svg 结尾的文件使用对应的 loadermodule.exports = { /* svg 相关配置 */ chainWebpack: config => {

<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" :page-size.sync="pageSize" :layout="layout" :page-sizes="p.

之前以为使用disabledDate 限定日期就够了，后面说需要限制在此刻之前更严谨。这里就需要更改selectableRange的值。刚开始想使用事件监听的方式，比如 change、focus事件，但是发现不能，这里的事件是针对输入框的，而不是弹出来的 date-picker里面的输入选择框。所以使用监听他的值。当我们日期每次变动的时候都需要去验证是否是当前日期，然后才看是否修改selectableRange的值template 部分<el-date-picker plac..

1、Vue 的双向绑定原理所谓的双向绑定原理是建立在 MVVM 基础上的：数据层 Model：应用的数据以及业务逻辑 视图层 View：应用的展示效果，各类的 UI 组件等 业务逻辑层 ViewModel：负责将数据和视图关联起来数据变化后更新视图，视图变化后更新数据包含两个主要的组成部分：监听器 Observer：对所有的数据属性进行监听解析器 Compiler：对每个元素节点进行扫描和解析，根据指令替换数据，绑定对应的更新函数具体的实现原理：new Vue() 执行初始

我们可以监听 input 事件，然后使用 replace 方法例如限制当前输入框必须为 < 1000 的数字<el-input @input="item.value = isNaN(item.value)" ? item.value.replace(/[^\d]/g, '') : (item.value > 1000) ? 1000 : item.value/>...

1、场景在实际工作开发中，我们在处理 el-form 表单校验问题时常会遇到这样一种情况：根据不同的条件，展示不同的 el-form-item，这个时候我们就需要考虑表单元素的显示与隐藏。在vue中，控制显示隐藏的有两个指令：v-if 和 v-show。【1】两者不同点：v-if 是动态的向DOM树内添加或者删除 DOM 元素；v-show 是通过设置 DOM元素的 display 样式属性控制显隐；【2】原理：v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件

前言在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。在高性能渲染十万条数据(时间分片)一文中，提到了可以使用时间分片的方式来对长列表进行渲染，但这种方式更适用于列表项的DOM结构十分简单的情况。本文会介绍使用虚拟列表的方式，来同时加载大量数据。为什么需要使用虚拟列表假设我们的长列表需要展示10000条记录，我们同时将