vue computed 无法得到this的属性或方法

场景：在vue中使用es6语法的箭头函数无法正常的使用this下面的方法原因：计算属性computed不应该使用箭头函数来定义计算属性因为箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向Vue修改前：computed: {isShowDialog: () => {return this.$store.getters.isShowDialog;}},修改后：compute

时光机上敲代码

4511人浏览 · 2021-03-26 11:51:39

时光机上敲代码 · 2021-03-26 11:51:39 发布

场景：在vue中使用es6语法的箭头函数无法正常的使用this下面的方法

原因：计算属性computed不应该使用箭头函数来定义计算属性因为箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向Vue

修改前：

computed: {
    isShowDialog: () => {
      return this.$store.getters.isShowDialog;
    }
  },

修改后：

computed: {
    isShowDialog: function() {
      return this.$store.getters.isShowDialog;
    }
  },

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^