一只方方

先上效果图 实现功能 必填项校验，鼠标失去焦点时提示 “不可以为空” 特殊校验如手机号，鼠标失去焦点时根据相应校验规则提示相应信息 用户提交表单前需勾选☑️已阅读 提交表单时 ，统一校验，根据规则提示

先上效果图 实现功能 点击按钮和区域实现左右翻页切换 鼠标移入小圆圈，跳转到对应图片 实现原理 先将所有图片重叠居中 设置三个类，左 中 右分别用来表示上图左中右图片的样式 设置一个全局的i索引 j

如👇图，实现一个滚动内容区域，右侧字母滚动索引定位；选择和拖动字母索引，对应内容滚动到视窗 环境准备： 安装better-scroll npm包 安装 mouseWheel 扩展 BetterScro

环境准备: 安装两个包 yo：创建项目 generator-code：VS Code扩展生成器 初始化项目 重要的文件 package.json extension.js 调试 ctrl+f5进入调试

方法： 锚点设置id 点击元素添加点击事件，使用scrollIntoView() 方法 el.scrollIntoView() 将元素对用户可见（滚动到可视区），参数alignToTop或scroll

原因 在vue中直接在组件上绑定原生事件是无效的 给vue组件绑定事件会被认为监听的是组件的自定义的事件，而router-link本身是自定义组件没有暴露click方法 解决 使用.native 修饰