Vant-Weap通过事件获取值

简介: Vant-Weap通过事件获取值
<van-cell-group>
        <van-field
            value="{{username}}"
            label="姓名"
            placeholder="请输入您的姓名"
            bind:blur="getname"
            class='nextnext'
        />
    </van-cell-group>
   <van-button 
      type="primary" size="large" 
      color="linear-gradient(to right, #4bb0ff, #6149f6)"
       bindtap="getalldata"
    > 提交 </van-button>
   -------------------------------------
   ##js##
  data: {
    username:"",
  },
  // 获取姓名
  getname(event) {
    console.log("失去焦点获取的值",event.detail.value);//获取值
    // 设置值
    this.setData({
      username: event.detail.value
    })
  },
  getalldata(){
    console.log("点击按钮获取的值",this.data.username)
  },

1425695-20191209225432104-574087717.png


相关文章
|
1月前
|
JavaScript
Vue中侦听器watch时,调用this时出现undefined问题
Vue中侦听器watch时,调用this时出现undefined问题
94 0
Vue中侦听器watch时,调用this时出现undefined问题
|
1月前
|
缓存 JavaScript 数据处理
在Vue中,什么时候使用computed属性,什么时候使用watch监听属性?
在Vue中,什么时候使用computed属性,什么时候使用watch监听属性?
43 0
|
10天前
|
缓存 监控 JavaScript
Vue.js中的计算属性 computed 与监听属性 watch深入探索
Vue.js中的计算属性 computed 与监听属性 watch深入探索
31 0
|
1月前
|
JavaScript
Vue 监听属性 watchEffect
Vue 监听属性 watchEffect
|
1月前
|
缓存 JavaScript 前端开发
Vue的计算属性和侦听器:computed和watch的使用
【4月更文挑战第24天】Vue.js框架中的计算属性和侦听器是处理数据变化的关键特性。计算属性(computed)基于依赖缓存,仅在相关数据改变时重新计算,适合处理复杂逻辑。例如,计算总价可基于价格和数量动态更新。而侦听器(watch)在数据变化时执行回调,适用于异步操作和开销大的任务。计算属性与侦听器的主要区别在于缓存机制和应用场景,前者用于同步计算,后者用于响应数据变化后的特殊操作。理解这两者有助于优化Vue应用的性能。
|
1月前
|
缓存 JavaScript API
「Vue3系列」Vue3 计算属性(computed)、监听属性(watch)
在 Vue 3 中,计算属性(Computed Properties)是一种强大的功能,它允许你声明一个依赖于其他响应式数据属性的属性,并且这个属性的值会根据其依赖的数据的变化而自动更新。计算属性是基于它们的依赖关系进行缓存的,只有在它的相关依赖发生改变时才会重新求值。
158 0
|
1月前
|
JavaScript
Vue中$watch()方法和watch属性的区别
Vue中$watch()方法和watch属性的区别
50 1
|
1月前
|
JavaScript
Vue中的methods、computed计算属性和watch监听属性的使用和区别
Vue中的methods、computed计算属性和watch监听属性的使用和区别
|
1月前
|
JavaScript
vue中watch属性的用法
vue中watch属性的用法
21 0
|
6月前
|
JavaScript
vue中特殊的prop和事件
vue中特殊的prop和事件
33 0