vue-form表单验证是否为空值的实例详解-创新互联

重点部分：点击表单的 submit按钮 触发form 部分 @submit=”submit”事件：

创新互联主要从事做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务栖霞,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

submit事件 定义在js部分：

prevent：文档上说了在事件后面加上 .prevent就可以阻止默认事件了。

form @submit.prevent=”submit”

 <form @submit.prevent="submit">
    <input type="text" v-model="userName" placeholder="请输入你的姓名" class="name-style" maxlength="20"/>
    <div class="sex">
      <select v-model="selectedSex">
        <option>boy</option>
        <option selected = "selected">girl</option>
      </select>
    </div> 
      <input type="text" v-model="phoneNumber" placeholder="请输入你的手机号" class="phone-number-style"/>
    <div class="guide-style">
      <select v-model="selectedGuild">
        <option selected="selected" value="">请选择一个导购： </option>
        <option v-for="guild in guilds" value ="{{ guild.name }}">{{ guild.name }}</option>
      </select>
    </div>
    <input type="submit" value ="注册" class="register-style"/>
  </form> 

新闻标题：vue-form表单验证是否为空值的实例详解-创新互联
转载源于：https://www.cdcxhl.com/article44/coohhe.html

成都网站建设公司_创新互联，为您提供App开发、自适应网站、软件开发、标签优化、ChatGPT、外贸建站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联