摘要： <template> <div> <div :class="['chart-contianer']" ref="chartContainer" :style="{ height: height || '25vh' }"></div> </div> </template> <script> const 阅读全文

摘要： .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy="msg" > . 阅读全文

摘要： 今天写代码时，需要对一个scss变量做calc处理，发现直接使用变量，浏览器是无法识别的，于是百度，发现要对变量处理才能正常使用，在此记一下用法： 假定定义变量$a = '20px'，若要使用calc，直接calc(100% - $a)这么用是不行的，需要按如下使用方法： calc(100% - # 阅读全文

摘要： 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。 通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。 一、常见定位方案 在讲 BFC 之前，我们先来了解一 阅读全文

摘要： 4、监听滚动位置 <el-scrollbar ref="myScrollbar"> </el-scrollbar> let scrollbarEl = this.$refs.myScrollbar.wrap scrollbarEl.onscroll =() => { 滚动事件 } 阅读全文

摘要： 1. 给元素设置id或类名等为element 使用 document.querySelector(".element") // 注：里面填写的是 css 选择器。 同理有 document.getElemenntById("element") / getElementByClassName / ge 阅读全文

摘要： 选择 el-tabs__item 类的元素，不包括属于 is-active 类的元素 阅读全文

摘要： <template> <div> <div class="echart-box" id="echart-box"></div> </div> </template> <script> import echarts from 'echarts' export default { data() { re 阅读全文

摘要： 阅读全文

摘要： 表单渲染数据为studentData， 而弹出框出现的控制变量为addDialog时，若用此顺序执行改变输入框的值不能被双向绑定。 将赋值放于弹出框渲染之前可以正确绑定，怀疑是对象中的属性在渲染完成后绑定，未被vue识别 阅读全文