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

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

  •  
  •   ech0x · Jul 7, 2017 · 7942 views
    This topic created in 3407 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
    noe132
    Jul 7, 2017
    1
    你这个括号看着头晕。。。
    alert 直接写在 post 的参数里,success 字符串也不封尾
    keikeizhang
    keikeizhang
    Jul 7, 2017
    2
    为什么不用 axios,为什么有 vue 还要用 jQuery
    luckwang
    luckwang
    Jul 7, 2017 via iPhone
    3
    v-model 绑定了么
    keikeizhang
    keikeizhang
    Jul 7, 2017
    4
    username:self.username,
    password:self.password

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