zoukankan      html  css  js  c++  java
  • VUE基础2-双向数据绑定

    双向数据绑定

    当在绑定的标签下有多个标签,多个标签引用变量名,使用v-model修饰就可以实现改变变量值后,其他引用该变量的地方值也发生相应变化

    文本/多行文本

     1 <!--    单行文本-->
     2     <span>input--{{movie}}</span>
     3     <input type="text" v-model="movie">
     4     <input type="button" v-on:click="changMovie" value="修改">
     5 <!--    多行文本-->
     6     <span>textarea--{{content}}</span>
     7     <textarea v-model="content"></textarea>
     8  
     9     var vm=new Vue({
    10         el:'#app',
    11         data:{
    12             movie:"变形金刚",
    13             content:"变形金刚的介绍"
    14  
    15         },
    16         methods:{
    17             changMovie:function () {
    18                 this.movie = '复仇者联盟';
    19                 this.content = '复仇者联盟的介绍'
    20             }
    21         }
    22     })

    单选框

  • 相关阅读:
    web高级第一节
    Socket网络编程
    redis第三节
    redis第二节
    Git(2)
    Xamarin.Android 应用程序配置
    Android--ListView与数据绑定(Xamarin)
    Android--Activity(活动)
    Xamarin Android 真机调试时闪退
    wpf 将Style应用到 ListView 中的 ListViewItem 元素
  • 原文地址:https://www.cnblogs.com/bugoobird/p/13203798.html
Copyright © 2011-2022 走看看