zoukankan      html  css  js  c++  java
  • vue的表单提交

    vue的表单提交需要基于vue-resource

    <template>
      <div class="hello">
        <form @submit.prevent="submit">
            <div>
                姓名:<input type="text" v-model="user.name">
            </div>
            
            <div>
                性別:
                <label>
                    <input type="radio" value="1" v-model="user.gender"></label>
                
                <label>
                    <input type="radio" value="2" v-model="user.gender"></label>
            </div>
            
            <input type="submit" value="提交">
        </form>
      </div>
    </template>
    
    
    <script>
    export default {
      name: 'hello',
      data () {
        return {
           user: {
                name: '',
                gender: ''
            }
        }
      },
      methods:{
      submit: function() {
              var formData = JSON.stringify(this.user); // 这里才是你的表单数据
              
              this.$http.post('/admin/', formData).then((response) => {
                  // success callback
              }, (response) => {
                  // error callback
              });
            }
      }
    }
    </script>
  • 相关阅读:
    软件对标分析
    alpha内测版发布
    第一阶段项目评审
    第一阶段意见汇总
    冲刺(二十)
    冲刺(十九)
    冲刺(十八)
    冲刺(十七)
    冲刺(十六)
    冲刺(十五)
  • 原文地址:https://www.cnblogs.com/Ljshu/p/7340609.html
Copyright © 2011-2022 走看看