vue学习移动滑块验证

最新推荐文章于 2022-10-10 17:51:24 发布

m0_45986724

最新推荐文章于 2022-10-10 17:51:24 发布

阅读量449

点赞数 1

文章标签： javascript less vue

本文链接：https://blog.csdn.net/m0_45986724/article/details/107819393

版权

本文记录了使用Vue学习移动滑块验证的过程，主要知识点包括：在methods中编写方法，理解event.screenX、event.clientX和event.offsetX的区别，以及如何通过event.preventDefault()阻止默认事件。

摘要由CSDN通过智能技术生成

记录一下今天的学习内容
~~不想打字了，都写在注释里了~~
在这里插入图片描述

<div class="solidBox" :class="{
    'solidBox1': validation}">
            <div @mousedown="solidStar" class="solid" :class="{
    'solid1': validation}"></div>
            {
  {!validation? textStart : textEnd}}
          </div>

.solidBox {
   
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 20px 0;
          width: 100%;
          height