• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ech0x
V2EX  ›  程序员

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

  •  
  •   ech0x · Jul 7, 2017 · 7516 views
    This topic created in 3240 days ago, the information mentioned may be changed or developed.

    我将表单绑定为了一个 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)
                    )
            }
        }    
    }
    )
    
    
    21 replies    2017-07-09 14:06:47 +08:00
    noe132
        1
    noe132  
       Jul 7, 2017
    你这个括号看着头晕。。。
    alert 直接写在 post 的参数里,success 字符串也不封尾
    keikeizhang
        2
    keikeizhang  
       Jul 7, 2017
    为什么不用 axios,为什么有 vue 还要用 jQuery
    luckwang
        3
    luckwang  
       Jul 7, 2017 via iPhone
    v-model 绑定了么
    keikeizhang
        4
    keikeizhang  
       Jul 7, 2017
    username:self.username,
    password:self.password

    username: this.suername
    password: this.password
    sniffles
        5
    sniffles  
       Jul 7, 2017
    括号看哭了
    virgil
        6
    virgil  
       Jul 7, 2017
    建议楼主先看看基础吧,还有代码缩进真的很重要呀!
    ech0x
        7
    ech0x  
    OP
       Jul 7, 2017 via iPad
    @virgil
    @noe132
    @keikeizhang
    前段才刚刚开始学。。。。代码直接用 vim 锁进了没来的及管。。。
    ech0x
        8
    ech0x  
    OP
       Jul 7, 2017 via iPad
    @noe132 success 没封尾是在复制的时候把里面的字符改了一下。😂
    xrr2016
        9
    xrr2016  
       Jul 7, 2017
    我眼花了...
    ech0x
        10
    ech0x  
    OP
       Jul 7, 2017 via iPad
    @luckwang 绑定了
    ech0x
        11
    ech0x  
    OP
       Jul 7, 2017 via iPad
    @keikeizhang 原来还有这个库,谢谢。
    lgh
        12
    lgh  
       Jul 7, 2017 via iPhone
    submit
    ghostheaven
        13
    ghostheaven  
       Jul 8, 2017 via Android
    form 里 button 默认会提交表单,是不是这个原因,是的话在表单上绑定 v-on:submit.prevent,再试试
    seawind8888
        14
    seawind8888  
       Jul 8, 2017
    你 self 没定义 this 肯定找不到 vue 实例的 data 啊
    ech0x
        15
    ech0x  
    OP
       Jul 8, 2017 via iPad
    @ghostheaven
    @seawind8888 的确是没有定义 self 的原因。只绑定了 submit 还是可以的。
    notreami
        16
    notreami  
       Jul 8, 2017
    用某些 Vue 开发的思路:为什么不用 React
    tausi0661
        17
    tausi0661  
       Jul 8, 2017
    @keikeizhang vue 和 jq 冲突么? 或者说 vue+axios 比 vue+jq 的优势在哪里啊?
    ghostheaven
        18
    ghostheaven  
       Jul 8, 2017 via Android
    @ech0x 没仔细看。。。
    mkeith
        19
    mkeith  
       Jul 8, 2017
    用 vue 就用 vue 全家桶啊
    ech0x
        20
    ech0x  
    OP
       Jul 8, 2017 via iPad
    @mkeith vue 全家桶?
    keikeizhang
        21
    keikeizhang  
       Jul 9, 2017
    @tausi0661 多看书,少说话
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1474 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 16:53 · PVG 00:53 · LAX 09:53 · JFK 12:53
    ♥ Do have faith in what you're doing.