v-model 相当于一个v-on和一个v-bind的叠加

最新推荐文章于 2023-06-19 08:30:00 发布

前端进阶在线笔记

最新推荐文章于 2023-06-19 08:30:00 发布

阅读量150

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/abcsimple/article/details/121105935

版权

<!DOCTYPE html>
<HTML>
    <head>
        <meta charset="utf">
        <title>v-model原理</title>
    </head>
    <body>
        <div id="app">
            <input type="text" 
            :value="message"
            @input="valuechage( )">//种一个bug
            <div>{{message}}</div>
            
        </div>
        <script src="./vue.js"></script>
        <script>
            var app = new Vue({
               el:'#app',
               data:{
                   message: 123,
               } ,
               methods:{
                    valuechage(event){
                        this.message = event.target.value;
                    }
               },
            })
        </script>
    </body>
</HTML>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端进阶在线笔记

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
v-model 相当于一个v-on和一个v-bind的叠加

<!DOCTYPE html><HTML> <head> <meta charset="utf"> <title>v-model原理</title> </head> <body> <div id="app"> <input type="text" :value="mess.
复制链接

扫一扫