zoukankan      html  css  js  c++  java
  • vue.js 学习 仅自己加强记忆

     

    vue表单输入绑定

    可以使用v-model在表单控件上实现数据的双向绑定,它会根据控件的类型选择正确的方法更新元素的数据,

    v-model会忽略所有表单控件的value、checked、selected的初始值,因为它会选择vue实例数据作为具体的值;

    应该在js中声明初始化data的值。

    <div id="app">
        <input type="text" v-model="message" placeholder="edit it">
        <p>So,message is:{{message}}</p>
    </div>
    
    new Vue({
        el:'#app',
        data:{
            message:''
        }
    })
    <div id="example-4">
      <input type="radio" value="Checked One" v-model="picked">
       
      <br>
      <input type="radio" value="Checked Two" v-model="picked">
       
      <br>
      <span>Picked: {{ picked }}</span>
    </div>


    Picked: {{ picked }}
  • 相关阅读:
    bzoj1336: [Balkan2002]Alien最小圆覆盖
    bzoj3564: [SHOI2014]信号增幅仪
    [HDU5353]
    [codeforce1072D]
    [dp001]逛公园
    树上问题泛做
    [BZOJ2599]race
    [CEOI2019]MAGIC TREE
    [BZOJ2836]魔法树
    QTREE3
  • 原文地址:https://www.cnblogs.com/vince-cup/p/7541937.html
Copyright © 2011-2022 走看看