javascript - 如何将字符串附加到 Vue 模板中的常量？

Question

我有一个自定义指令，它将字符串作为值。我向原型(prototype)添加了一个属性 $ANALYTICS_EVENTS，并且我有一个包含字符串的常量文件。

我的按钮出现在不同的页面上，我需要将页面名称附加到它。

我目前拥有的是:

        <button
          v-analytics:click="$ANALYTICS_EVENTS.CONTINUE"
          :disabled="errors.any()"
          class="btn-primary uppercase fill"
          data-test="btn-identity"
          type="submit">{{ $t('create.continueCTA') }}</button>

其中“$ANALYTICS_EVENTS.CONTINUE”的计算结果为“继续”。我需要的是让它评估为“消费者(pageName)继续。我不相信字符串插值可以工作。

我尝试了'Consumer Create - '“$ANALYTICS_EVENTS.CONTINUE”，但我似乎找不到一种方法来完成这项工作，而且我不愿意制作重复的、类似的Continue常量。

Answer 1

您是否尝试过使用 + .... 添加字符串

<button
          v-analytics:click="'Consumer Create - ' + $ANALYTICS_EVENTS.CONTINUE"
          :disabled="errors.any()"
          class="btn-primary uppercase fill"
          data-test="btn-identity"
          type="submit">{{ $t('create.continueCTA') }}</button>