Vue v-on补充
发布日期:2021-05-07 10:30:08 浏览次数:15 分类:原创文章

本文共 889 字,大约阅读时间需要 2 分钟。

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body>    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>    <div id="app">        <input type="button" :value="val" @click="doIt(123,'点击事件')">        <!-- 按下enter键执行sayHi方法 -->        <input type="text" @keyup.enter="sayHi">    </div>    <script>        var app = new Vue({                el:"#app",            data:{                    val:"参数"            },            methods: {                    doIt(p1,p2){                        alert(p1); //123                    alert(p2); //点击事件                },                sayHi(){                        alert("Hello");                }            },        })    </script></body></html>
上一篇:Vue v-model 双向绑定
下一篇:java ==和equals

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2025年03月27日 08时03分17秒