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);};
     }


  • 相关阅读:
    每天一道算法题(13)——使用递归颠倒栈
    每天一道算法题(12)——和为n的连续正数序列或者随机数
    函数模板
    答题总结(1)
    顶点间最短路径长度之探寻算法
    最小生成树
    new与delete,malloc与free
    C++的继承与接口
    笔记13 AOP中After和AfterReturning的区别
    笔记12 注入AspectJ切面
  • 原文地址:https://www.cnblogs.com/shuihanxiao/p/9930271.html
Copyright © 2011-2022 走看看