V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ech0x
V2EX  ›  程序员

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

  •  
  •   ech0x · 2017 年 7 月 7 日 · 7294 次点击
    这是一个创建于 3126 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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