【问题标题】: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"
}

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

【问题讨论】:

    标签: html vue.js vue-component vuetify.js


    【解决方案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生命周期有关
    猜你喜欢
    • 2020-03-22
    • 1970-01-01
    • 2018-09-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多