input无内容提交显示抖动提示效果

最新推荐文章于 2024-11-08 17:58:40 发布

青田。

最新推荐文章于 2024-11-08 17:58:40 发布

阅读量393

点赞数 1

分类专栏： vue 文章标签： vue.js elementui 前端

本文链接：https://blog.youkuaiyun.com/Tianxiaoxixi/article/details/127104293

版权

一、效果图

二、代码

<template>
    <div>
        <div style="width:20vw; margin:80px auto 0px auto">
            <el-input v-model="name" :class="{'applyShake': shakeInput}"
                placeholder="请输入内容"></el-input>
            <div style="text-align:centen; margin-top:20px">
              <el-button type="primary" @click="handleSumbit">确定</el-button>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
          data() {
             return {
                 name:'',
                 shakeInput:false,
             }
          },
          methods:{
             handleSumbit(){