02-Vue之form提交

    <!DOCTYPE html>
    <html lang="en">
        <head>
        <meta charset="UTF-8">
        <title>helloform_Vue</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="./vue.js"></script>
        </head>
        <body>
        <div class="hello">
            <ul>
                <form @submit.prevent="submit">
                    <input type="text" name="name" v-model="inputtext.name">
                    <input type="password" name="password" v-model="inputtext.password">
                    <input type="submit" value="提交">
                </form>
            </ul>
        </div>
        <script>
            var vm = new Vue({
                el: '.hello',
                data: {
                    
                    inputtext:{}
                },
                methods: {
                    submit: function() {
                        console.log(this.inputtext);
                    }
                },
            })
        </script>
     
        </body>
    </html>

    ---------------------

    本文来自 CSDN 博客 ，全文地址请点击：https://blog.csdn.net/u010674395/article/details/73028691?utm_source=copy
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容