代码之家  ›  专栏  ›  技术社区  ›  movac

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

  •  0
  • movac  · 技术社区  · 6 年前

    我有一个道具,如果道具为空,我想显示我的$路线中的ID,如下所示:

    props: {
      name: {
        type: String,
        required: true,
        default: 'user ID: ' + this.$route.params.user_id,
      }
    }
    

    然而,我得到的错误是“this”未定义。是否可以从props访问路由参数?

    1 回复  |  直到 6 年前
        1
  •  2
  •   Yom T.    6 年前

    你可以通过 function as the default property :

    props: {
      name: {
        type: String,
        required: true,
        default() {
          return 'user ID: ' + this.$route.params.user_id;
        }
      }
    }