Vue v-model 双向绑定-白红宇的个人博客

Vue v-model 双向绑定

发布日期：2021-05-07 10:30:09 浏览次数：14 分类：原创文章

本文共 798 字，大约阅读时间需要 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="qwe">        <p>{  {message}}</p>        <p v-text="message"></p>        <input type="text" v-model="message" @keyup.enter="showMessage(message)">    </div>    <!-- 获取和设置表单元素的值(双向数据绑定) -->    <script>        var qwe = new Vue({                el:'#qwe',            data:{                    message:"哈哈哈",            },            methods: {                    showMessage(p1){                        alert(p1);                }            },        })    </script></body></html>

上一篇：Vue axiso get 和 post请求

下一篇：Vue v-on补充

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章