v-model 双向数据绑定实例(www.zkelm.com)

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

zkelm.com

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

阅读量170

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/zkelm/article/details/105734490

版权

Vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

V-model 双向数据绑定常用于value的值的绑定

   <html>
          <div id="app">
             <input type="text" v-model:value="My_val">
             <p>当前My_val的值：{{Myval}}</p>
             <button v-on:click="setval">设置新值</button>
          </div>
          <script>
            new Vue({
               el:"#app",
               data:{
                   Myval:"初始化值"
               },
               methods:{
                  setval:function(){
                          this.Myval=prompt("请输入新值")
                      }
               }
            })
          </script>
   </html>

运行结果：（修改value的值 My_val跟着变化。修改 My_val的值，则 value的属性发生变化。双向绑定）

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zkelm.com

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
v-model 双向数据绑定实例(www.zkelm.com)

V-model 双向数据绑定常用于value的值的绑定 <html> <div id="app"> <input type="text" v-model:value="My_val"> <p>当前My_val的值：{{Myval}}</p> ...
复制链接

扫一扫