zoukankan      html  css  js  c++  java
  • vue 表单操作

    <form class="mian__form" @submit.prevent="submit">
        <ul>
            <li>
                <div class="form__til">企业名称</div>
                <div class="form__input">
                    <input id="companyName" type="text" placeholder="" required v-model="userData.companyName">
               </div>
            </li>
           <li>
             
         <li>
               <div class="form__til">号码归属地</div> <div class="form__select select-two">
              <select name="tellPlace" id="tellPlace" required onchange="provincechange(this.selectedIndex)" v-model="userData.tellPlace">
                   <option>请选择省份</option>
              </select> <br/>
             <select name="tellCity" id="tellCity" required v-model="userData.tellCity">
                 <option>请选择城市</option>
            </select>
          </div>
      </li>
      
       <li>
         <div class="form__til">号码制式</div> <div class="form__select">
                  <select id="tellFormat" v-model="userData.tellFormat" required>
                     <option value="TD-LTE/TD-SCDMA">TD-LTE/TD-SCDMA</option>
                     <option value="FDD-LTE/WCDMA">FDD-LTE/WCDMA</option>
                     <option value="TD-LTE/LTE FDD/CDMA2000">TD-LTE/LTE FDD/CDMA2000</option>
                </select>
       </div>
    </li>
    <li>
         <button class="submit-btn" id="submitBtn" type="submit">提交</button>
    </li>
     </ul>
    </form>



    js

      methods:{
           submit:function(){ var me = this; var data = JSON.stringify(me.userData); console.log(data);};
     }


  • 相关阅读:
    Mac 上所有的命令行相关问题的总结
    ThinkPHP中的统计查询方法
    织梦任意页面调用{dede:field.content/}的方法
    PHP isset()、empty()、is_null()的使用区别详解
    Dede更新提示DedeTag Engine Create File False的解决办法
    cookie 和session 的区别
    织梦后台如何设置手机站
    PHP时间戳和日期转换
    dede列表页调用
    dede图集内容页调用
  • 原文地址:https://www.cnblogs.com/shuihanxiao/p/9930271.html
Copyright © 2011-2022 走看看