vue2中computed中无法获取到this

简介: vue2中computed中无法获取到this

如果你非要在computed中访问this,可以通过下面这个hack,可以用个flag来判断

data() {
  return {
    isMounted: false,
  }
}
computed: {
  nameAndPhone() {
    if (!this.isMounted) return
    const {
      reservationName,
      reservationPhone
    } = this.$refs.appointment.getFormValue()
    return reservationPhone
    ? reservationName + '/' + reservationPhone
    : reservationName
  }
},
mounted() {
  this.isMounted = true
},
目录
相关文章
|
6月前
|
缓存 JavaScript
Vue computed详解
computed是Vue中一个计算属性,它可以根据依赖的数据动态计算出一个新的值,并将其缓存起来。computed属性是基于它们的依赖进行缓存的,只有当依赖发生变化时,才会重新计算。 computed属性具有以下特性: • 缓存:computed属性会缓存计算结果,在依赖不变时直接返回缓存值,提高性能。 • 响应式:当依赖发生变化时,computed属性会自动重新计算并更新。 • 依赖追踪:Vue会自动追踪computed属性所依赖的数据,并在其发生变化时触发重新计算。
203 0
|
JSON 数据格式
Vue3.0中的reactive介绍与使用
Vue3.0中的reactive介绍与使用
73 0
|
2月前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
129 58
|
26天前
Vue3 使用mapState
【10月更文挑战第8天】
9 1
|
2月前
|
JavaScript
Vue3基础(九)___computed
本文介绍了Vue 3中`computed`的两种用法:使用函数和使用对象。通过示例代码展示了如何创建只读的计算属性和可写的计算属性,以及它们在实际开发中的应用。文章还解释了`computed`属性如何依赖其他响应式数据,并在数据变化时更新。
20 0
Vue3基础(九)___computed
|
缓存 JavaScript
vue中computed讲解
vue中computed讲解
56 0
一文了解vue3的toRef和toRefs?
一文了解vue3的toRef和toRefs?
vue3之watchEffect详解
vue3之watchEffect详解
197 0
|
6月前
|
缓存 JavaScript
对比vue中watch和computed
watch 和 computed 都是用于监听数据变化并执行相应操作的选项,但它们的使用场景和优劣势有所不同。在实际开发中,应根据具体需求选择合适的选项。
【Vue3】vue3 中 watch 和 watchEffect 的区别
【Vue3】vue3 中 watch 和 watchEffect 的区别
119 0