码迷,mamicode.com
首页 > 其他好文 > 详细

vue

时间:2019-01-11 18:07:03      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:src   获取dom节点   val   v-on   put   get   click   type   双向   

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

标签:src   获取dom节点   val   v-on   put   get   click   type   双向   

原文地址:https://www.cnblogs.com/xiaoan0705/p/10256373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!