从数据中访问数据值

Posted 2023-02-23

【中文标题】从数据中访问数据值

【英文标题】：Access data value from data

【发布时间】：2019-11-03 13:15:06

【问题描述】：

我正在尝试将字符串值分配给基于布尔变量的变量。

按照我得到的这段代码：

[Vue 警告]：data() 中的错误：“TypeError: Cannot read property 'check' of undefined”

TypeError: 无法读取未定义的属性“检查”

等等。

<v-text-field
  ...
  :placeholder="placeholder"
  ...
></v-text-field>

data: () => (
   ...
   check: false,
   placeholder: this.check === false ? "Hello" : "Bye"

我希望占位符根据检查变量更改其内容

【参考方案1】：

尝试使用placeholder 作为计算属性，例如：

computed:
       placeholder()
            return  this.check === false ? "Hello" : "Bye";
         
   

【讨论】：

它确实有效，这里的代码：placeholder: get() return this.check === false ? "" : "输入位置"; , set() 但是我仍然不明白为什么会出现这种行为。

此外，我找到了另一种解决方法，即调用一个方法并执行this.placeholder: this.check === false ? "Hello" : "Bye"，它确实有效。我猜是和Vue生命周期有关