vue

Posted 2021-02-02 xiaoan0705

双向数据绑定必须在表单里面使用，如input、select

ref用来获取dom节点，如

<input type="text" ref=‘sexValue‘/>

<div  ref=‘boxValue‘></div>

<button v-on:click="getInputValue()">获取dom的内容</button>

methods:{
     getInputValue(){
      console.log(this.$refs.sexValue);
      alert(this.$refs.sexValue.value);
     }
   }

绑定属性 v-bind：

<img v-bind:src=‘url‘/>
 <img :src=‘url‘/>

绑定方法 v-on:click:

  <button v-on:click="getname()">获取表单内容</button>
  <button @click="setname()">设置表单内容</button>