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
},
目录
相关文章
|
安全 JavaScript Go
Vue中的v-html指令有什么潜在的安全风险?如何防范?
Vue中的v-html指令有什么潜在的安全风险?如何防范?
1243 1
echarts修改tooltip默认样式(使用formatter函数拼接加工)
echarts修改tooltip默认样式(使用formatter函数拼接加工)
790 0
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
uniapp动态禁用mescroll-body组件的下拉刷新,或者动态禁用mescroll-body组件的上拉加载
668 0
|
6月前
|
JavaScript 前端开发 Unix
|
12月前
|
JSON 前端开发 JavaScript
探索JavaScript中的Async/Await:简化异步编程的利器
【10月更文挑战第12天】探索JavaScript中的Async/Await:简化异步编程的利器
182 0
|
人工智能 Java 数据库连接
ResourceManager unable to find resource .
# Mybatis Velocity模板引擎问题详解 当遇到`ResourceManagerException`无法找到资源时,可能原因包括:资源路径不正确、未正确加载文件、编码不一致或Velocity配置错误。解决方案包括:检查并修正资源文件路径、确保资源文件加载配置、统一文件编码和审查Velocity引擎配置。详细步骤和配置示例见原文。[阅读完整文章以获取更多帮助](<!-- article_link -->)。我是木头左,和你一起探索AI世界!
 ResourceManager unable to find resource .
|
存储 弹性计算 负载均衡
ECS配置问题之配置OPENVPN报错如何解决
ECS配置指的是对阿里云Elastic Compute Service(弹性计算服务)实例的硬件和软件资源进行设置的过程;本合集将详述如何选择合适的ECS配置、调整资源配比以及优化实例性能,以满足不同应用场景的需求。
|
JavaScript
NodeJs——Parsing error: Cannot read file '.../tsconfig.json'.eslint
NodeJs——Parsing error: Cannot read file '.../tsconfig.json'.eslint
153 0
|
JavaScript 前端开发 开发者
DOMException: 属性设置错误处理指南
DOMException: 属性设置错误处理指南
527 0