【问题标题】:How can I call a method to a component prop - VueJS?如何调用组件道具的方法 - VueJS?
【发布时间】:2021-03-14 10:50:28
【问题描述】:

我正在尝试使用我创建的方法格式化道具。有可能吗?

我正在寻找这样的东西:

我的组件:

props:{
      title: String,
      min: String,
      formatedDate: this.formateDate(formatedDate)
}

在我调用这个组件的地方,日期以空字符串开始,但我通过日期选择器更改了该值。

有可能吗?非常感谢!

【问题讨论】:

    标签: javascript vue.js vuejs2 frontend vue-component


    【解决方案1】:

    您可以根据使用该方法的道具创建计算属性:

    props:{
          title: String,
          min: String,
          date: String
    },
    
    computed:{
        formatedDate(){
           return this.formateDate(this.date)
        }
    }
    

    【讨论】:

    • 但我的日期将以空字符串开头,我将根据事件对其进行更新。我忘了提,我认为计算只会在页面呈现时自动呈现,对吧?我是 vue 新手
    • 计算属性在每次 prop 更改时都会更改,而不仅仅是在 start 中
    猜你喜欢
    • 1970-01-01
    • 2017-09-01
    • 2018-04-17
    • 2017-04-09
    • 1970-01-01
    • 2019-03-01
    • 2022-10-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多