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


原文地址:https://www.cnblogs.com/shuihanxiao/p/9930271.html