V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ech0x
V2EX  ›  程序员

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

  •  
  •   ech0x · 2017-07-07 16:38:40 +08:00 · 6591 次点击
    这是一个创建于 2483 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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