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
},
目录
相关文章
echarts修改tooltip默认样式(使用formatter函数拼接加工)
echarts修改tooltip默认样式(使用formatter函数拼接加工)
922 0
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
733 0
|
8月前
|
SQL 数据管理 Serverless
《解锁SQL分组统计:GROUP BY的深度剖析与实战应用》
SQL中的GROUP BY语句是数据分组统计的核心工具,通过依据指定列对数据集进行划分,结合聚合函数(如COUNT、SUM、AVG等),可深入挖掘数据价值。它广泛应用于商业分析、科研数据处理及日常数据管理,支持多列分组与HAVING、JOIN等语句结合使用,提升数据分析维度与灵活性。然而,在大数据场景下,GROUP BY可能面临性能瓶颈与数据准确性问题,需通过优化索引、分区处理和数据清洗来应对挑战。掌握GROUP BY的原理与高级用法,将为数据驱动决策提供强大支持。
268 6
|
7月前
|
JavaScript 前端开发 Unix
|
JavaScript
NodeJs——Parsing error: Cannot read file '.../tsconfig.json'.eslint
NodeJs——Parsing error: Cannot read file '.../tsconfig.json'.eslint
178 0
|
JSON 前端开发 JavaScript
探索JavaScript中的Async/Await:简化异步编程的利器
【10月更文挑战第12天】探索JavaScript中的Async/Await:简化异步编程的利器
228 0
|
消息中间件 大数据 Kafka
❤️大数据开发必备:推荐7款大数据开发神器工作效率提升1000%【推荐收藏】
❤️大数据开发必备:推荐7款大数据开发神器工作效率提升1000%【推荐收藏】
395 1
|
安全 Linux API
SELinux权限
SELinux权限
318 5
|
计算机视觉
Echarts饼图,自定义饼图图例的排列方式, formatter使用语法
Echarts饼图,自定义饼图图例的排列方式, formatter使用语法
|
JavaScript 前端开发 索引
Vue3基础之v-if条件与 v-for循环
Vue3基础之v-if条件与 v-for循环
422 0