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
},
目录
相关文章
|
3月前
|
缓存 JavaScript
Vue computed详解
computed是Vue中一个计算属性,它可以根据依赖的数据动态计算出一个新的值,并将其缓存起来。computed属性是基于它们的依赖进行缓存的,只有当依赖发生变化时,才会重新计算。 computed属性具有以下特性: • 缓存:computed属性会缓存计算结果,在依赖不变时直接返回缓存值,提高性能。 • 响应式:当依赖发生变化时,computed属性会自动重新计算并更新。 • 依赖追踪:Vue会自动追踪computed属性所依赖的数据,并在其发生变化时触发重新计算。
157 0
|
9月前
|
JSON 数据格式
Vue3.0中的reactive介绍与使用
Vue3.0中的reactive介绍与使用
44 0
|
9月前
|
缓存 JavaScript
vue中computed讲解
vue中computed讲解
44 0
|
3月前
|
缓存 JavaScript
对比vue中watch和computed
watch 和 computed 都是用于监听数据变化并执行相应操作的选项,但它们的使用场景和优劣势有所不同。在实际开发中,应根据具体需求选择合适的选项。
|
12月前
一文了解vue3的toRef和toRefs?
一文了解vue3的toRef和toRefs?
vue3之watchEffect详解
vue3之watchEffect详解
158 0
|
缓存 JavaScript
Vue 中 computed 和 watch 的区别
Vue 中 computed 和 watch 的区别
80 0
|
3月前
|
缓存 监控 JavaScript
Vue中的watch和computed有什么区别?
Vue中的watch和computed有什么区别?
30 0
|
9月前
|
存储 缓存 JavaScript
vue3中Pinia的使用之getters
vue3中Pinia的使用之getters
|
10月前
【Vue3】vue3 中 watch 和 watchEffect 的区别
【Vue3】vue3 中 watch 和 watchEffect 的区别
66 0