Skip to content

Latest commit

 

History

History
49 lines (43 loc) · 1.05 KB

前端相关.md

File metadata and controls

49 lines (43 loc) · 1.05 KB

无需等待,让前端独立于后端进行开发

  1. ssr.js
  2. mock.js
1. 表单
<div id="app">
    <form @submit.prevent="submit">
        <div class="field">
            姓名:<input type="text" v-model="user.name">
        </div>
        <div class="field">
            性別:
            <label>
                <input type="radio" value="男" v-model="user.gender"> 男
            </label>
            <label>
                <input type="radio" value="女" v-model="user.gender"> 女
            </label>
        </div>
        <input type="submit" value="提交">
    </form>
</div>
2.提交
new Vue({
    el: '#app',
    data: {
        user: {
            name: '',
            gender: ''
        }
    },
    methods: {
        submit: function() {
          var formData = JSON.stringify(this.user); // 这里才是你的表单数据
          
          this.$http.post('/path/to', formData).then((response) => {
              // success callback
          }, (response) => {
              // error callback
          });
        }
    }
})