08 2021 档案
echart 图创建以及点击事件
摘要：<template> <div> <div :class="['chart-contianer']" ref="chartContainer" :style="{ height: height || '25vh' }"></div> </div> </template> <script> const
阅读全文
vue 中的修饰符
摘要：.lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy="msg" > .
阅读全文
对scss变量做calc计算的方法
摘要：今天写代码时，需要对一个scss变量做calc处理，发现直接使用变量，浏览器是无法识别的，于是百度，发现要对变量处理才能正常使用，在此记一下用法： 假定定义变量$a = '20px'，若要使用calc，直接calc(100% - $a)这么用是不行的，需要按如下使用方法： calc(100% - #
阅读全文
BFC：Block Formatting Contexts (块级格式化上下文)
摘要：具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。 通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。 一、常见定位方案 在讲 BFC 之前，我们先来了解一
阅读全文
