是否可以访问 props 中的路由参数来设置默认值？

Question

我有一个道具，如果道具为空，我想从我的 $route 中显示一个 ID，如下所示：props: {  name: {    type: String,    required: true,    default: 'user ID: ' + this.$route.params.user_id,  }}但是我收到“this”未定义的错误。是否可以从道具访问路线参数？

Answer 1

您实际上可以将函数作为default属性传递：

props: {

  name: {

    type: String,

    required: true,

    default() {

      return 'user ID: ' + this.$route.params.user_id;

    }

  }

}