EVE | 暴风雨前夕

移步语雀查看：https://www.yuque.com/baofengyuqianxi/vi4wte/yly6bl

转载自：https://juejin.cn/post/7078834647005822983

前景提要

业务中需要展示代码编辑器，每行代码前面要显示行号

问题描述

VuetifyJS 提供了全局覆盖 SASS variables 的方案，详情见 官方文档，但我希望自定义用来覆盖样式的文件名以及文件路径（官方的覆盖方案得按照它的文件和路径要求）

安装

1

npm install vue-awesome-swiper@3 --save

目前了解到的两种方案

1. html2canvas
2. webRTC

现象

1

console.log(.1 + .2 === .3); // false

官网示例

https://youzan.github.io/vant/v2/#/zh-CN/form#xiao-yan-gui-ze

这里不提

全局表单验证

1. 在 van-form 中定义 ref 属性 ref="xxx"
2. 在触发对应事件的函数中写入如下代码:

1
2
3
4
5
6
7

this.$refs.xxx.validate()
  .then(() => {
    // 验证通过
  })
  .catch(() => {
    // 验证失败
  });

局部表单验证

1. 在 van-form 中定义 ref 属性 ref="xxx"
2. 在需要验证项的 van-field 上加 name 属性 name="PropName"
3. 在触发对应事件的函数中写入如下代码:

1
2
3
4
5
6
7

this.$refs.xxx.validate('name的值')
  .then(() => {
    // 验证通过
  })
  .catch(() => {
    // 验证失败
  });

文章来源

https://bbs.huaweicloud.com/blogs/263183

需求

期望在表单页面超出一页滚屏的情况下，校验表单时如果表单校验不通过，能够向上滚动到第一个未通过校验的 <el-form-item 处。