vue

Posted xiaoan0705

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue相关的知识,希望对你有一定的参考价值。

双向数据绑定必须在表单里面使用,如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>








以上是关于vue的主要内容,如果未能解决你的问题,请参考以下文章