一个关于 vue 表单提交的问题。

[ech0x]

我将表单绑定为了一个 Vue 对象，在 button 里绑定了一个 v-on:click=""summit 方法。 本想用 jquery 的 post 方法发送 json 格式至 api 的路径，但不知为什么无效,但 alert 能有效调用。

代码如下

var login = new Vue({
    el:'#login',
    data:{
        username:'',
        password:''},
    methods:{
        summit:function(){
            $.post('../api/login',{
                username:self.username,
                password:self.password},
                alert("Success)
                )
        }
    }    
}
)

[noe132]

你这个括号看着头晕。。。
alert 直接写在 post 的参数里，success 字符串也不封尾

[keikeizhang]

为什么不用 axios，为什么有 vue 还要用 jQuery

[luckwang]

v-model 绑定了么

[keikeizhang]

username:self.username,
password:self.password

username: this.suername
password: this.password

[sniffles]

括号看哭了

[virgil]

建议楼主先看看基础吧，还有代码缩进真的很重要呀！

[ech0x]

@virgil
@noe132
@keikeizhang
前段才刚刚开始学。。。。代码直接用 vim 锁进了没来的及管。。。

[ech0x]

@noe132 success 没封尾是在复制的时候把里面的字符改了一下。😂

[xrr2016]

我眼花了...

[ech0x]

@luckwang 绑定了

[ech0x]

@keikeizhang 原来还有这个库，谢谢。

[lgh]

submit

[ghostheaven]

form 里 button 默认会提交表单，是不是这个原因，是的话在表单上绑定 v-on:submit.prevent，再试试

[seawind8888]

你 self 没定义 this 肯定找不到 vue 实例的 data 啊

[ech0x]

@ghostheaven
@seawind8888 的确是没有定义 self 的原因。只绑定了 submit 还是可以的。

[notreami]

用某些 Vue 开发的思路：为什么不用 React

[tausi0661]

@keikeizhang vue 和 jq 冲突么? 或者说 vue+axios 比 vue+jq 的优势在哪里啊?

[ghostheaven]

@ech0x 没仔细看。。。

[mkeith]

用 vue 就用 vue 全家桶啊

[ech0x]

@mkeith vue 全家桶？